/* ══════════════════════════════════════════════
   바이브코딩 강의 자료 · style.css
   ══════════════════════════════════════════════ */

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0f172a;--bg2:#1e293b;--bg3:#273448;--border:#334155;
  --t1:#f1f5f9;--t2:#94a3b8;--t3:#64748b;
  --p1:#6366f1;--p2:#8b5cf6;--green:#10b981;--cyan:#06b6d4;--amber:#f59e0b;--red:#ef4444;
  --code:#0d1117;
}
body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--t1);line-height:1.7;min-height:100vh}

/* ── HEADER ─────────────────────────────── */
header{background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:1px solid var(--border);padding:20px 32px;display:flex;align-items:center;gap:16px}
.h-icon{font-size:36px}
.h-text h1{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,#818cf8,#c084fc,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.h-text p{color:var(--t2);font-size:.83rem;margin-top:2px}
.h-badge{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:#818cf8;font-size:.72rem;font-weight:700;padding:4px 12px;border-radius:20px}



/* ── SIDE MENU ────────────────────────────── */
.h-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);color:#818cf8;cursor:pointer;font-size:1rem;transition:all .18s;flex-shrink:0}
.h-menu-toggle:hover{background:rgba(99,102,241,.22)}

.side-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);z-index:600;opacity:0;pointer-events:none;transition:opacity .3s;display:none}
.side-menu-backdrop.open{opacity:1;pointer-events:auto;display:block}

.side-menu{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--bg2);border-right:1px solid var(--border);z-index:610;transform:translateX(0);transition:transform .3s ease;display:flex;flex-direction:column;overflow-y:auto}
.side-menu.closed{transform:translateX(-100%)}

/* 사이드 메뉴 열림 시 본문 여백 */
body.menu-open header,body.menu-open main,body.menu-open footer{margin-left:260px;transition:margin-left .3s}
body header,body main,body footer{transition:margin-left .3s}

.side-menu-header{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--border);font-weight:700;font-size:.9rem;flex-shrink:0}
.side-menu-close{background:none;border:none;color:var(--t3);cursor:pointer;font-size:1.1rem;padding:4px;margin-left:auto}
.side-menu-close:hover{color:var(--t1)}

.side-menu-list{flex:1;padding:8px;overflow-y:auto}

.tab{padding:10px 14px;background:none;border:none;color:var(--t2);cursor:pointer;font-size:.85rem;font-weight:500;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:8px;border-radius:8px;width:100%;text-align:left;border-left:3px solid transparent;margin-bottom:2px}
.tab:hover{color:var(--t1);background:rgba(99,102,241,.06)}
.tab.on{color:#818cf8;background:rgba(99,102,241,.1);border-left-color:var(--p1);font-weight:600}
.tab-num{width:22px;height:22px;border-radius:50%;background:rgba(99,102,241,.2);color:#818cf8;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.tab.on .tab-num{background:var(--p1);color:#fff}

.side-menu-footer{padding:12px 18px;border-top:1px solid var(--border);flex-shrink:0}
.side-menu-link{display:flex;align-items:center;gap:8px;color:var(--t3);text-decoration:none;font-size:.8rem;padding:8px 0;transition:color .15s}
.side-menu-link:hover{color:#818cf8}
/* 아이콘 전용 한 줄 푸터 (이름은 title 롤오버로 표시) */
.side-menu-footer.icon-row{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:6px}
.side-menu-footer.icon-row .side-menu-link{width:36px;height:36px;padding:0;gap:0;justify-content:center;font-size:1.05rem;border-radius:8px;transition:color .15s,background .15s}
.side-menu-footer.icon-row .side-menu-link:hover{background:rgba(129,140,248,.14)}
.tab-external{text-decoration:none;color:var(--cyan);font-size:.82rem}
.tab-external:hover{color:var(--t1);background:rgba(6,182,212,.08)}
.tab-locked{opacity:.45;cursor:not-allowed !important;position:relative}
.tab-locked:hover{color:var(--t3);background:none}
.side-lv{user-select:none}
.side-lv.sec-locked{opacity:.5;cursor:not-allowed}
.sec-caret{opacity:.8}
.tab-lock-icon{font-size:.65rem;margin-left:2px}

/* ── MAIN ────────────────────────────────── */
main{max-width:1080px;margin:0 auto;padding:40px 28px}
.panel{display:none}.panel.on{display:block}

/* ── SECTION HEADER ─────────────────────── */
.sec-head{margin-bottom:32px}
.sec-head h2{font-size:1.55rem;font-weight:800;margin-bottom:8px}
.sec-note{background:rgba(99,102,241,.08);border-left:3px solid var(--p1);padding:12px 16px;border-radius:0 8px 8px 0;color:var(--t2);font-size:.88rem}

/* ── TOOL CARDS GRID ─────────────────────── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;margin-bottom:40px}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px;transition:all .22s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--p1),var(--p2))}
.card:hover{background:var(--bg3);border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.15)}
.card-top{display:flex;align-items:flex-start;gap:12px}
.card-icon{font-size:26px;flex-shrink:0;margin-top:1px}
.card-info .name{font-size:1rem;font-weight:700}
.card-info .tag{font-size:.72rem;color:var(--t3);margin-top:2px}
.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.68rem;font-weight:700;margin-left:6px}
.b-req{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.25)}
.b-rec{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}
.why{background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.18);border-radius:8px;padding:10px 13px}
.why-label{font-size:.68rem;font-weight:700;color:var(--green);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.why-text{font-size:.83rem;color:var(--t2);line-height:1.55}
.card-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
a.btn{padding:7px 15px;border-radius:8px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex;align-items:center;gap:5px}
.btn-p{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff}
.btn-p:hover{opacity:.85;transform:translateY(-1px)}
.btn-s{background:rgba(99,102,241,.12);color:#818cf8;border:1px solid rgba(99,102,241,.28)}
.btn-s:hover{background:rgba(99,102,241,.22)}
.btn-g{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.28)}
.btn-g:hover{background:rgba(16,185,129,.22)}

/* ── ORDER TABLE ─────────────────────────── */
.tbl-wrap{overflow-x:auto;margin:20px 0 40px}
table{width:100%;border-collapse:collapse;font-size:.85rem}
th{background:rgba(99,102,241,.14);color:#818cf8;padding:11px 15px;text-align:left;font-weight:700;border-bottom:2px solid rgba(99,102,241,.25)}
td{padding:11px 15px;border-bottom:1px solid var(--border);color:var(--t2)}
tr:hover td{background:rgba(99,102,241,.04)}
td code,th code{background:rgba(0,0,0,.35);padding:2px 6px;border-radius:5px;font-size:.78rem;color:#7dd3fc;font-family:'Consolas','Courier New',monospace}
.tip-box{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.22);border-left:3px solid var(--amber);border-radius:0 8px 8px 0;padding:13px 16px;font-size:.85rem;color:var(--t2);margin:16px 0}
.tip-box strong{color:var(--amber)}

/* ── CLI SECTION ─────────────────────────── */
.info-box{background:rgba(6,182,212,.07);border:1px solid rgba(6,182,212,.22);border-left:3px solid var(--cyan);border-radius:0 8px 8px 0;padding:13px 16px;font-size:.85rem;color:var(--t2);margin:16px 0}
.info-box strong{color:var(--cyan)}
.platform-sw{display:flex;gap:6px;margin:24px 0 16px}
.psw{padding:7px 20px;border-radius:8px;border:1px solid var(--border);background:none;color:var(--t2);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s}
.psw.on{background:rgba(99,102,241,.18);color:#818cf8;border-color:rgba(99,102,241,.4)}
.pblock{display:none}.pblock.on{display:block}
.tool-block{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:20px}
.tool-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.tool-head .tname{font-weight:700;font-size:1rem}
.tool-head .tbrand{font-size:.75rem;color:var(--t3)}
.ai-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px}
.ab-claude{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}
.ab-gemini{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.3)}
.ab-codex{background:rgba(6,182,212,.15);color:#22d3ee;border:1px solid rgba(6,182,212,.3)}
.tool-body{padding:18px 22px}
.tool-why{background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.18);border-radius:8px;padding:10px 13px;margin-bottom:14px;font-size:.83rem;color:var(--t2)}
.tool-why strong{color:var(--green)}

/* ── CODE BLOCK ──────────────────────────── */
.code-wrap{background:var(--code);border:1px solid #30363d;border-radius:10px;overflow:hidden;margin:12px 0}
.code-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#161b22;border-bottom:1px solid #30363d}
.code-bar span{font-size:.75rem;color:#8b949e;font-family:monospace}
.copy-btn{padding:3px 10px;background:#21262d;border:1px solid #30363d;color:#8b949e;border-radius:5px;font-size:.72rem;cursor:pointer;transition:all .18s}
.copy-btn:hover{background:#30363d;color:var(--t1)}
.copy-btn.ok{color:var(--green);border-color:var(--green)}
pre{padding:16px 18px;overflow-x:auto;font-family:'Consolas','Courier New',monospace;font-size:.83rem;line-height:1.65}
.c1{color:#8b949e}
.c2{color:#79c0ff}
.c3{color:#7ee787}
.c4{color:#ffa657}
.opt-block{background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.18);border-radius:8px;padding:12px 15px;margin-top:10px}
.opt-label{font-size:.72rem;font-weight:700;color:#818cf8;margin-bottom:8px}

/* ── FIRST RUN ───────────────────────────── */
.steps{counter-reset:step;list-style:none;margin:16px 0}
.step{counter-increment:step;position:relative;padding-left:46px;margin-bottom:14px}
.step::before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;background:linear-gradient(135deg,var(--p1),var(--p2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:#fff;line-height:30px;text-align:center}
.step-t{font-weight:600;font-size:.88rem}
.step-d{font-size:.82rem;color:var(--t2)}
.sum-table-wrap{overflow-x:auto;margin:16px 0}

/* ── PART 3 ACCORDION ───────────────────── */
.part-hd{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin:12px 0;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s;user-select:none}
.part-hd:hover{background:var(--bg3);border-color:rgba(99,102,241,.4)}
.part-hd.open{border-color:rgba(99,102,241,.5);background:rgba(99,102,241,.07)}
.part-hd .ph-icon{font-size:22px}
.part-hd .ph-text h3{font-size:.98rem;font-weight:700}
.part-hd .ph-text p{font-size:.78rem;color:var(--t2);margin-top:2px}
.part-hd .ph-cnt{margin-left:auto;font-size:.72rem;color:var(--t3);background:rgba(99,102,241,.12);padding:3px 9px;border-radius:20px}
.part-hd .ph-arr{margin-left:8px;color:var(--t3);transition:transform .25s;font-size:.75rem}
.part-hd.open .ph-arr{transform:rotate(180deg)}
.part-body{display:none;padding:6px 0 10px}
.part-hd.open+.part-body{display:block}
.sub-head{font-size:.85rem;font-weight:700;color:var(--t2);text-transform:uppercase;letter-spacing:.07em;margin:22px 0 10px;padding-bottom:7px;border-bottom:1px solid var(--border)}
.tool-row{display:flex;align-items:flex-start;gap:14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:10px;transition:all .2s}
.tool-row:hover{border-color:rgba(99,102,241,.35);background:var(--bg3)}
.tr-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.tr-body{flex:1}
.tr-name{font-weight:700;font-size:.9rem}
.tr-desc{font-size:.8rem;color:var(--t2);margin-top:4px;line-height:1.55}
.tr-link{margin-top:8px}
/* IDE cards */
.ide-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:16px;transition:all .2s}
.ide-card:hover{border-color:rgba(99,102,241,.4);background:var(--bg3)}
.ide-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.ide-icon{font-size:28px}
.ide-name{font-weight:800;font-size:1.05rem}
.ide-maker{font-size:.75rem;color:var(--t3);margin-top:2px}
.ide-desc{font-size:.85rem;color:var(--t2);line-height:1.6;margin-bottom:12px}
.ide-links{display:flex;gap:8px;flex-wrap:wrap}

/* ── SUMMARY TABLE (CLI) ─────────────────── */
.cli-sum{overflow-x:auto;margin:20px 0 0}
.cli-sum table{min-width:700px}

/* ── FOOTER ──────────────────────────────── */
footer{border-top:1px solid var(--border);margin-top:20px;padding:20px 20px 16px;background:var(--bg2)}
.footer-inner{max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:8px}
.footer-brand{font-size:.82rem;color:var(--t2);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.footer-brand a{color:var(--t1);text-decoration:none;font-weight:600}
.footer-brand a:hover{color:var(--accent)}
.footer-dev,.footer-sponsor{display:inline-flex;align-items:center;gap:4px}
.footer-sep{color:var(--border)}
.footer-info{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:.71rem;color:var(--t3)}
.footer-info a{color:var(--t3);text-decoration:none}
.footer-info a:hover{color:var(--accent)}
.footer-bank{font-size:.72rem;color:var(--t3)}
.footer-bank strong{color:var(--t2)}
.footer-social{display:flex;justify-content:center;gap:10px;padding:4px 0}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--t3);font-size:.85rem;transition:all .2s;border:1px solid var(--border)}
.footer-social a:hover{color:#fff;border-color:transparent}
.footer-social a[title="유튜브"]:hover{background:#ff0000}
.footer-social a[title="인스타그램"]:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.footer-social a[title="페이스북"]:hover{background:#1877f2}
.footer-social a[title*="X"]:hover{background:#000}
.footer-social a[title*="카카오"]:hover{background:#fee500;color:#3c1e1e}
.footer-social a[title="고객센터"]:hover{background:var(--accent)}
.footer-copy{font-size:.68rem;color:var(--t3)}

/* ── CLAUDE CODE MANUAL ─────────────────────────── */
.cc-intro{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:14px;padding:24px 28px;margin-bottom:32px}
.cc-intro h2{font-size:1.3rem;font-weight:800;margin-bottom:6px}
.cc-intro p{color:var(--t2);font-size:.9rem}
.cc-sec{margin-bottom:36px}
.cc-sec>h2{font-size:1.1rem;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:16px}
.cc-sec h3{font-size:.95rem;font-weight:600;color:var(--cyan);margin:16px 0 8px}
.cc-sec h4{font-size:.88rem;font-weight:600;color:var(--t1);margin:10px 0 5px}
.cc-sec p{color:var(--t2);font-size:.87rem;margin-bottom:8px;line-height:1.65}
.cc-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.cc-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}
.cc-card-icon{font-size:1.6rem;margin-bottom:7px}
.cc-card-title{font-size:.84rem;font-weight:700;margin-bottom:5px}
.cc-card p{font-size:.78rem;color:var(--t2);margin:0}
.cc-table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:.83rem}
.cc-table th{background:var(--bg3);color:var(--t1);padding:8px 12px;text-align:left;border:1px solid var(--border);font-weight:600}
.cc-table td{padding:7px 12px;border:1px solid var(--border);color:var(--t2)}
.new-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:8px;margin-left:4px;vertical-align:middle;letter-spacing:.3px}
.cc-table td:last-child{color:var(--t3);font-size:.78rem;line-height:1.4}
.cc-inline{background:var(--bg3);padding:1px 6px;border-radius:4px;font-family:monospace;font-size:.82rem;color:var(--cyan);white-space:nowrap}
.cc-callout{display:flex;gap:12px;border-radius:10px;padding:12px 16px;margin-bottom:14px;font-size:.85rem;line-height:1.5}
.cc-callout.tip{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.2);color:var(--green)}
.cc-callout.info{background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);color:var(--cyan)}
.cc-callout.warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:var(--amber)}
.cc-callout strong{display:block;margin-bottom:3px}
.cc-callout p{color:inherit;margin:0}
.cc-code-block{background:#0d1117;border-radius:10px;overflow:hidden;margin-bottom:12px}
.cc-code-hdr{display:flex;justify-content:space-between;align-items:center;padding:7px 14px;background:rgba(255,255,255,.06);font-size:.76rem;color:var(--t3)}
.cc-code-body{padding:12px 16px;overflow-x:auto}
.cc-code-body code{font-family:'Consolas','Courier New',monospace;font-size:.82rem;color:#cdd6f4;white-space:pre;line-height:1.6}
.cc-copy-btn{background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25);color:#818cf8;padding:2px 9px;border-radius:5px;cursor:pointer;font-size:.74rem}
.cc-copy-btn:hover{background:rgba(99,102,241,.28)}
.cc-copy-btn.ok{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.25);color:var(--green)}
.cc-steps{margin-bottom:18px}
.cc-step{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}
.cc-step-num{width:26px;height:26px;min-width:26px;border-radius:50%;background:rgba(99,102,241,.18);border:1px solid rgba(99,102,241,.35);color:#818cf8;font-size:.77rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.cc-step h4{font-size:.87rem;font-weight:600;margin-bottom:4px}
.cc-step p{color:var(--t2);font-size:.83rem;margin:0}
.cc-os-tabs{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:0;border-bottom:1px solid var(--border)}
.cc-os-btn{padding:7px 14px;background:none;border:none;border-radius:7px 7px 0 0;color:var(--t2);cursor:pointer;font-size:.81rem;font-weight:500;border-bottom:2px solid transparent;transition:all .15s}
.cc-os-btn:hover{color:var(--t1)}
.cc-os-btn.on{color:#818cf8;border-bottom-color:var(--p1)}
.cc-os-pane{display:none}.cc-os-pane.on{display:block;padding-top:14px}
.cc-acc{border:1px solid var(--border);border-radius:10px;margin-bottom:7px;overflow:hidden}
.cc-acc-hdr{padding:12px 16px;cursor:pointer;font-weight:600;font-size:.86rem;display:flex;justify-content:space-between;align-items:center;background:var(--bg2);transition:background .15s;user-select:none}
.cc-acc-hdr:hover{background:var(--bg3)}
.cc-acc-arrow{transition:transform .25s;font-size:.75rem}
.cc-acc-hdr.open .cc-acc-arrow{transform:rotate(180deg)}
.cc-acc-body{display:none;padding:0 16px 14px;background:var(--bg2)}
.cc-acc-hdr.open+.cc-acc-body{display:block}

/* ── SETTINGS BUTTON ─────────────────────── */
.h-settings{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);color:#818cf8;cursor:pointer;font-size:.9rem;transition:all .18s}
.h-settings:hover{background:rgba(99,102,241,.22);color:#a5b4fc}

/* ── SETTINGS PANEL ─────────────────────── */
.settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:900;display:none;align-items:flex-start;justify-content:flex-end;padding:60px 20px 0 0}
.settings-overlay.open{display:flex}
.settings-panel{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:min(320px,90vw);box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}
.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}
.settings-header h3{font-size:.95rem;font-weight:700;display:flex;align-items:center;gap:8px}
.settings-close{background:none;border:none;color:var(--t3);cursor:pointer;font-size:1.1rem;padding:4px;transition:color .15s}
.settings-close:hover{color:var(--t1)}
.settings-group{padding:16px 20px;border-bottom:1px solid rgba(30,45,69,.5)}
.settings-group:last-child{border-bottom:none}
.settings-label{font-size:.75rem;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.settings-options{display:flex;gap:6px}
.opt-btn{flex:1;padding:8px 6px;border:1px solid var(--border);border-radius:8px;background:none;color:var(--t2);cursor:pointer;font-size:.78rem;font-weight:500;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px;font-family:inherit}
.opt-btn:hover{border-color:rgba(99,102,241,.4);color:var(--t1)}
.opt-btn.on{background:rgba(99,102,241,.15);color:#818cf8;border-color:rgba(99,102,241,.5)}
#fontOptions .opt-btn:nth-child(1){font-size:.72rem}
#fontOptions .opt-btn:nth-child(2){font-size:.85rem}
#fontOptions .opt-btn:nth-child(3){font-size:1.05rem}

/* ── LIGHT THEME ────────────────────────── */
[data-theme="light"]{
  --bg:#f8fafc;--bg2:#ffffff;--bg3:#f1f5f9;--border:#e2e8f0;
  --t1:#0f172a;--t2:#475569;--t3:#94a3b8;
  --code:#f8f9fa;
}
[data-theme="light"] header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}
[data-theme="light"] .h-text h1{background:linear-gradient(135deg,#4f46e5,#7c3aed,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="light"] .tabs{background:#fff}
[data-theme="light"] .card{background:#fff}
[data-theme="light"] .card:hover{background:#f8fafc;box-shadow:0 8px 28px rgba(99,102,241,.1)}
[data-theme="light"] pre{background:#f1f5f9;color:#1e293b}
[data-theme="light"] .code-wrap{background:#f8f9fa;border-color:#e2e8f0}
[data-theme="light"] .code-bar{background:#f1f5f9;border-color:#e2e8f0}
[data-theme="light"] td code,[data-theme="light"] th code{background:rgba(99,102,241,.08);color:#4f46e5}
[data-theme="light"] .intro-hero{background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.08) 0%,transparent 70%)}
[data-theme="light"] .hero-title{background:linear-gradient(135deg,#1e293b,#6366f1,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="light"] .stat-num{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
[data-theme="light"] .settings-panel{background:#fff}
[data-theme="light"] .search-modal{background:#fff}
[data-theme="light"] footer{background:#f8fafc}
[data-theme="light"] .h-search{background:rgba(99,102,241,.06)}
[data-theme="light"] .h-settings{background:rgba(99,102,241,.06)}
[data-theme="light"] .h-logout{background:rgba(239,68,68,.06)}
[data-theme="light"] .cc-code-block{background:#f1f5f9}
[data-theme="light"] .cc-code-body code{color:#1e293b}

/* ── LAYOUT MODES ───────────────────────── */
[data-layout="mobile"]{max-width:480px !important;margin:0 auto !important}
[data-layout="mobile"] .tabs{flex-wrap:wrap}
[data-layout="mobile"] .grid{grid-template-columns:1fr !important}
[data-layout="mobile"] .stat-grid{grid-template-columns:repeat(2,1fr) !important}
[data-layout="mobile"] .ceo-grid{grid-template-columns:1fr !important}
[data-layout="mobile"] header{padding:14px 16px}
[data-layout="mobile"] main{padding:24px 14px}
[data-layout="mobile"] .h-badge{display:none}
[data-layout="pc"] .tabs{flex-wrap:nowrap}

/* ── FONT SIZE ──────────────────────────── */
[data-font="small"]{font-size:13px}
[data-font="medium"]{font-size:16px}
[data-font="large"]{font-size:19px}

/* ── PROMPT LIST ─────────────────────────── */
.prompt-item{border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:border-color .2s}
.prompt-item:hover{border-color:rgba(99,102,241,.3)}
.prompt-item.open{border-color:rgba(99,102,241,.5)}
.prompt-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:background .15s;flex-wrap:wrap}
.prompt-header:hover{background:rgba(99,102,241,.04)}
.prompt-num{font-size:.72rem;font-weight:700;color:#818cf8;min-width:24px;text-align:center;background:rgba(99,102,241,.12);padding:2px 6px;border-radius:6px}
.prompt-level{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:8px;white-space:nowrap}
.lv-easy{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.2)}
.lv-normal{background:rgba(245,158,11,.12);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}
.prompt-title{font-size:.88rem;font-weight:700;color:var(--t1);flex-shrink:0}
.prompt-desc{font-size:.76rem;color:var(--t3);flex:1;min-width:100px}
.prompt-arrow{color:var(--t3);font-size:.7rem;margin-left:auto;transition:transform .2s;flex-shrink:0}
.prompt-item.open .prompt-arrow{transform:rotate(90deg);color:#818cf8}
.prompt-body{display:none;padding:0 16px 14px;background:rgba(99,102,241,.03)}
.prompt-item.open .prompt-body{display:block}
.prompt-code{font-family:'Consolas','Courier New',monospace;font-size:.82rem;color:var(--t2);line-height:1.6;white-space:pre-wrap;word-break:break-word;background:var(--code);padding:14px 16px;border-radius:8px;border:1px solid #30363d;margin-bottom:10px}
.demo-link{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:rgba(6,182,212,.12);color:#22d3ee;border:1px solid rgba(6,182,212,.25);border-radius:8px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .18s;margin-right:8px}
.demo-link:hover{background:rgba(6,182,212,.22);transform:translateY(-1px)}
.prompt-copy{padding:6px 16px;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit}
.prompt-copy:hover{opacity:.85;transform:translateY(-1px)}
.prompt-copy.ok{background:var(--green)}

/* ── FOCUS ───────────────────────────────── */
*:focus-visible{outline:2px solid #818cf8;outline-offset:2px;border-radius:4px}

/* ── REDUCED MOTION ─────────────────────── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}

/* ── RESPONSIVE ──────────────────────────── */
@media(max-width:900px){
  /* 모바일: 오버레이 방식 */
  .side-menu{transform:translateX(-100%)}
  .side-menu.open-mobile{transform:translateX(0)}
  .side-menu-backdrop.open{display:block}
  body.menu-open header,body.menu-open main,body.menu-open footer{margin-left:0}
}
@media(max-width:700px){
  header{padding:14px 16px}main{padding:24px 14px}
  .side-menu{width:240px}
  .grid{grid-template-columns:1fr}.h-badge{display:none}
  .stat-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:1.45rem}.ceo-grid{grid-template-columns:1fr}
  .h-search span{display:none}.h-search kbd{display:none}.h-search{padding:6px 10px}
  .scroll-top{bottom:18px;right:18px;width:48px;height:48px;font-size:1rem}
}

/* ── INTRO PAGE ─────────────────────────── */
.intro-hero{text-align:center;padding:52px 20px 44px;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.18) 0%,transparent 70%);border-radius:20px;margin-bottom:40px}
.hero-fire{font-size:3.2rem;display:block;margin-bottom:14px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.hero-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.28);color:#f87171;font-size:.72rem;font-weight:700;padding:5px 16px;border-radius:20px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.07em}
.hero-title{font-size:2.1rem;font-weight:900;margin-bottom:14px;line-height:1.22;background:linear-gradient(135deg,#f1f5f9,#c084fc,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{color:var(--t2);font-size:.98rem;max-width:620px;margin:0 auto;line-height:1.7}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:40px}
.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px 18px;text-align:center;transition:all .22s;position:relative;overflow:hidden}
.stat-card:hover{border-color:rgba(99,102,241,.45);transform:translateY(-3px);box-shadow:0 10px 30px rgba(99,102,241,.12)}
.stat-num{font-size:2.6rem;font-weight:900;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.05;margin-bottom:9px}
.stat-label{font-size:.82rem;color:var(--t2);line-height:1.5;font-weight:500;margin-bottom:6px}
.stat-src{font-size:.68rem;color:var(--t3);font-style:italic}
.ceo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:16px 0 36px}
.ceo-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px;transition:all .22s}
.ceo-card:hover{border-color:rgba(99,102,241,.4);background:var(--bg3);transform:translateY(-2px)}
.ceo-top{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.ceo-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.ceo-name{font-weight:800;font-size:.95rem}
.ceo-title{font-size:.72rem;color:var(--t3);margin-top:2px}
.ceo-quote{font-size:.84rem;color:var(--t2);line-height:1.68;border-left:2px solid rgba(99,102,241,.5);padding-left:13px;margin-bottom:13px;font-style:italic}
.ceo-highlight{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);border-radius:8px;padding:9px 13px;font-size:.79rem;color:#fca5a5;font-weight:600}
.intro-sec-title{font-size:1.08rem;font-weight:800;margin:36px 0 16px;display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.reason-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:12px;display:flex;gap:16px;transition:all .2s;align-items:flex-start}
.reason-card:hover{border-color:rgba(99,102,241,.38);background:var(--bg3)}
.reason-num{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,var(--p1),var(--p2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0;min-width:38px;line-height:1.2}
.reason-t{font-weight:700;font-size:.95rem;margin-bottom:5px}
.reason-d{font-size:.83rem;color:var(--t2);line-height:1.58}
.gates-card{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.25);border-radius:14px;padding:26px;margin:4px 0 28px}
.gates-icon{font-size:2rem;margin-bottom:12px}
.gates-quote{font-size:.9rem;color:var(--t2);line-height:1.75;margin-bottom:12px}
.gates-name{font-size:.78rem;color:var(--t3);font-weight:600}
.conclusion-box{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.07));border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:28px;margin:4px 0 20px}
.conclusion-box h3{font-size:1rem;font-weight:800;margin-bottom:18px}
.conc-item{display:flex;gap:13px;margin-bottom:13px;align-items:flex-start}
.conc-icon{font-size:1.1rem;flex-shrink:0;margin-top:1px}
.conc-text{font-size:.875rem;color:var(--t2);line-height:1.58}
.conc-text strong{color:var(--t1)}
.zuck-final{background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.22);border-radius:10px;padding:16px 20px;margin:16px 0 28px;font-size:.88rem;color:var(--t2);line-height:1.7}
.zuck-final em{color:#34d399;font-style:normal;font-weight:600}
.cta-bar{display:flex;justify-content:center;margin-top:4px;padding-bottom:8px}
.cta-btn{background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none;padding:15px 38px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .22s;display:inline-flex;align-items:center;gap:9px}
.cta-btn:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 10px 28px rgba(99,102,241,.35)}
.intro-fire{font-size:15px;line-height:1}

/* ── SEARCH BUTTON (HEADER) ──────────────── */
.h-search{display:flex;align-items:center;gap:6px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);color:var(--t2);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .18s}
.h-search:hover{background:rgba(99,102,241,.2);color:var(--t1);border-color:rgba(99,102,241,.4)}
.h-search kbd{background:rgba(0,0,0,.3);padding:1px 6px;border-radius:4px;font-size:.68rem;color:var(--t3);font-family:monospace;margin-left:4px}
.h-badge{margin-left:8px}
.h-user{display:flex;align-items:center;gap:8px;margin-left:auto}
.h-user img{border:1px solid rgba(99,102,241,.3)}
.h-user-name{font-size:.82rem;font-weight:600;color:var(--t1);white-space:nowrap}
.h-user-type{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px}
.badge-free{background:rgba(100,116,139,.15);color:#94a3b8;border:1px solid rgba(100,116,139,.25)}
.badge-paid{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}
.badge-admin{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.3)}
.h-admin-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:#818cf8;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);text-decoration:none;font-size:.9rem;transition:all .18s;margin-left:4px}
.h-admin-link:hover{background:rgba(99,102,241,.22);color:#a5b4fc}
.h-logout{display:flex;align-items:center;gap:5px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#f87171;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .18s;margin-left:8px;white-space:nowrap}
.h-logout:hover{background:rgba(239,68,68,.22);color:#fca5a5;border-color:rgba(239,68,68,.45)}

/* ── SEARCH MODAL ────────────────────────── */
.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:min(18vh,160px)}
.search-overlay.open{display:flex}
.search-modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:min(600px,92vw);max-height:70vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column}
.search-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}
.search-icon{font-size:18px;opacity:.7}
.search-bar input{flex:1;background:none;border:none;color:var(--t1);font-size:.95rem;outline:none;font-family:inherit}
.search-bar input::placeholder{color:var(--t3)}
.search-kbd{background:rgba(0,0,0,.3);padding:2px 8px;border-radius:5px;font-size:.7rem;color:var(--t3);font-family:monospace;white-space:nowrap}
.search-results{overflow-y:auto;padding:8px;max-height:calc(70vh - 60px)}
.search-empty{text-align:center;color:var(--t3);font-size:.84rem;padding:32px 16px}
.search-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-radius:10px;cursor:pointer;transition:background .12s}
.search-item:hover,.search-item.active{background:rgba(99,102,241,.12)}
.search-item-icon{font-size:20px;flex-shrink:0;margin-top:2px}
.search-item-body{flex:1;min-width:0}
.search-item-name{font-weight:700;font-size:.88rem;color:var(--t1)}
.search-item-name mark{background:rgba(99,102,241,.35);color:var(--t1);border-radius:2px;padding:0 1px}
.search-item-desc{font-size:.78rem;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.search-item-tab{font-size:.68rem;color:var(--p1);background:rgba(99,102,241,.12);padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0;margin-top:3px}
.search-count{font-size:.75rem;color:var(--t3);padding:6px 16px 2px;border-top:1px solid var(--border)}

/* ── SCROLL TO TOP ───────────────────────── */
.scroll-top{position:fixed;bottom:28px;right:28px;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;border:none;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 16px rgba(99,102,241,.4);transition:all .25s;opacity:0;pointer-events:none;transform:translateY(12px);z-index:900}
.scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.scroll-top:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(99,102,241,.5)}

/* ── EXTERNAL LINK ICON ──────────────────── */
a[target="_blank"]::after{content:" ↗";font-size:.72em;opacity:.6;vertical-align:super}
.btn a[target="_blank"]::after,a.btn[target="_blank"]::after{content:none}

/* ── HIGHLIGHT FLASH ─────────────────────── */
@keyframes flash-highlight{0%{box-shadow:0 0 0 3px rgba(99,102,241,.6)}100%{box-shadow:0 0 0 0 transparent}}
.highlight-flash{animation:flash-highlight .8s ease-out}

/* ── DESIGN TAB ──────────────────────────── */
.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:14px}
a.dtip-card{text-decoration:none;flex-direction:row;align-items:flex-start;gap:14px;transition:border-color .2s,transform .18s}
a.dtip-card:hover{border-color:rgba(99,102,241,.45);transform:translateY(-2px)}
.dtip-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}
.dtip-info{flex:1}
.dtip-name{font-size:.88rem;font-weight:700;color:var(--t1);margin-bottom:2px}
.dtip-url{font-size:.7rem;color:var(--p1);margin-bottom:5px;font-family:monospace}

.design-quickref{padding:12px 0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.qr-label{font-size:.72rem;font-weight:700;color:var(--t3);letter-spacing:.04em;white-space:nowrap}
.qr-chip{font-size:.75rem;color:#818cf8;text-decoration:none;padding:3px 10px;border:1px solid rgba(99,102,241,.3);border-radius:20px;background:rgba(99,102,241,.08);transition:all .2s;white-space:nowrap}
.qr-chip:hover{background:rgba(99,102,241,.2);border-color:rgba(99,102,241,.6)}
.design-tip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}
.dtip-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}
.dtip-icon{font-size:1.3rem}
.dtip-title{font-size:.82rem;font-weight:700;color:var(--t1)}
.dtip-desc{font-size:.76rem;color:var(--t2);line-height:1.6}
.dtip-desc code{background:rgba(0,0,0,.3);color:var(--cyan);padding:1px 5px;border-radius:3px;font-size:.72rem}
.dtip-desc strong{color:var(--cyan)}
.color-chip{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;margin-right:2px;border:1px solid rgba(255,255,255,.15)}
.btn.btn-s{padding:5px 10px;font-size:.75rem;background:rgba(99,102,241,.12);color:#818cf8;border:1px solid rgba(99,102,241,.25);border-radius:6px;text-decoration:none;transition:all .2s;white-space:nowrap}
.btn.btn-s:hover{background:rgba(99,102,241,.25)}

/* ── PRINT ───────────────────────────────── */
@media print{
  body{background:#fff;color:#000}
  header,.tabs,footer,.cta-bar,.copy-btn,.cc-copy-btn,.card-links,.h-badge,.scroll-top,.search-overlay,.h-search{display:none}
  main{max-width:100%;padding:10px}
  .panel{display:block!important}
  .part-body{display:block!important}
  .cc-acc-body{display:block!important}
  .pblock{display:block!important}
  .cc-os-pane{display:block!important}
  .card,.tool-block,.tool-row,.ide-card,.stat-card,.ceo-card,.reason-card,.course-card{break-inside:avoid;border-color:#ccc}
  a{color:#000;text-decoration:underline}
}

/* ── 클로드 학습 코스 ── */
.course-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}
@media(min-width:700px){.course-grid{grid-template-columns:1fr 1fr}}

.course-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border);cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}
.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15);border-color:var(--accent)}
.course-icon{font-size:1.8rem;flex-shrink:0;width:48px;text-align:center}
.course-info{flex:1;min-width:0}
.course-title{font-weight:700;font-size:.95rem;color:var(--t1);margin-bottom:4px}
.course-desc{font-size:.82rem;color:var(--t2);line-height:1.4;margin-bottom:6px}
.course-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px}
.course-badge.beginner{background:rgba(16,185,129,.15);color:#10b981}
.course-badge.intermediate{background:rgba(99,102,241,.15);color:#818cf8}
.course-badge.advanced{background:rgba(239,68,68,.15);color:#f87171}
.course-badge.special{background:rgba(245,158,11,.15);color:#f59e0b}
.course-play{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:transform .15s}
.course-card:hover .course-play{transform:scale(1.15)}