:root{ --ink:#1e1b4b; --accent:#7c3aed; --accent2:#db2777; }
  html{scroll-behavior:smooth}
  body{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:#f6f4ff;color:#1e1b4b}
  .grad{background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 45%,#db2777 100%)}
  .grad-text{background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
  .card{background:#fff;border-radius:1.25rem;box-shadow:0 4px 24px rgba(76,29,149,.08);border:1px solid #ede9fe}
  .tag{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:.75rem;font-weight:600}
  .navlink{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-radius:.75rem;font-size:.9rem;color:#4b4869;transition:.15s}
  .navlink:hover{background:#ede9fe;color:#4c1d95}
  .navlink.active{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;font-weight:600}
  .phase{display:none}
  .phase.active{display:block;animation:fade .35s ease}
  @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .quiz-opt{display:block;width:100%;text-align:left;padding:.8rem 1rem;border:2px solid #e5e0f8;border-radius:.8rem;margin-bottom:.6rem;transition:.15s;background:#fff}
  .quiz-opt:hover{border-color:#7c3aed;background:#f5f1ff}
  .quiz-opt.correct{border-color:#16a34a;background:#f0fdf4}
  .quiz-opt.wrong{border-color:#dc2626;background:#fef2f2}
  details summary{cursor:pointer;font-weight:600}
  .video-link{display:flex;gap:.9rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid #ede9fe;border-radius:.9rem;background:#fbfaff;transition:.15s}
  .video-link:hover{border-color:#7c3aed;box-shadow:0 4px 14px rgba(124,58,237,.12)}
  ::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:8px}
  @media (max-width:900px){#sidebar{display:none}}


:root{--surface:#fff;--muted:#64748b;--line:#e2e8f0;--focus:#2563eb}
body{min-height:100vh;background:#f8fafc;color:#172033}
a{color:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;background:#111827;color:#fff;padding:.75rem 1rem;border-radius:.6rem}.skip-link:focus{top:1rem}
.site-header{background:linear-gradient(135deg,#312e81 0%,#6d28d9 52%,#be185d 100%);color:#fff}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800}.brand-mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.8rem;background:rgba(255,255,255,.16);font-size:.78rem;letter-spacing:.08em}
.site-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);gap:2rem;max-width:78rem;margin:0 auto;padding:2rem 1.5rem 5rem}.site-sidebar{position:relative}.site-nav{position:sticky;top:1.5rem}.site-nav a{display:block;padding:.75rem .9rem;border-radius:.7rem;color:#475569;font-size:.9rem;line-height:1.35}.site-nav a:hover{background:#f1f5f9;color:#312e81}.site-nav a[aria-current=page]{background:#ede9fe;color:#5b21b6;font-weight:800}
.phase-toc{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line)}.phase-toc a{font-size:.82rem;padding:.45rem .7rem}.content-column{min-width:0}.breadcrumbs{display:flex;gap:.45rem;align-items:center;margin:0 0 1rem;color:#64748b;font-size:.82rem}.breadcrumbs a:hover{text-decoration:underline}.phase.active{display:block;animation:none}.phase>div.card{padding:clamp(1.25rem,3vw,2.5rem)}
.topic-card{scroll-margin-top:1rem}.topic-card>summary{display:flex;align-items:center;min-height:3.25rem;padding-right:2.25rem;position:relative;list-style:none;font-size:1rem;line-height:1.5}.topic-card>summary::-webkit-details-marker{display:none}.topic-card>summary::after{content:'+';position:absolute;right:.2rem;font-size:1.4rem;font-weight:400;color:#64748b}.topic-card[open]>summary::after{content:'−'}.topic-card>summary:focus-visible,.site-nav a:focus-visible,.phase-links a:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.deep-dive{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.deep-dive h4{margin:1.5rem 0 .55rem;font-size:1rem;font-weight:800;color:#1e293b}.deep-dive p{margin:.55rem 0;color:#334155;line-height:1.82}.deep-dive ul,.deep-dive ol{margin:.6rem 0;padding-left:1.3rem;color:#334155}.deep-dive li{margin:.45rem 0;line-height:1.72}.deep-dive table{width:100%;margin:1rem 0;border-collapse:collapse;font-size:.86rem}.deep-dive th,.deep-dive td{padding:.7rem;border:1px solid #dbe4ef;text-align:left;vertical-align:top}.deep-dive th{background:#f1f5f9;color:#1e293b}.evidence-note,.practice-note,.caution-note{margin:1rem 0;padding:1rem 1.1rem;border-radius:.85rem;line-height:1.75}.evidence-note{background:#eff6ff;border-left:4px solid #2563eb}.practice-note{background:#ecfdf5;border-left:4px solid #059669}.caution-note{background:#fff7ed;border-left:4px solid #ea580c}.source-list{margin-top:1.2rem;padding:1rem 1.1rem;border-radius:.85rem;background:#f8fafc;border:1px solid #e2e8f0}.source-list strong{display:block;margin-bottom:.45rem}.source-list a{color:#1d4ed8;text-decoration:underline;text-underline-offset:2px}.evidence-badge{display:inline-flex;align-items:center;padding:.28rem .65rem;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.72rem;font-weight:800;letter-spacing:.02em}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.concept-grid>div{padding:1rem;border:1px solid #dbeafe;border-radius:.85rem;background:#f8fbff}.note-box,.application-box,.warning-box{margin:1rem 0!important;padding:1rem 1.1rem;border-radius:.85rem;line-height:1.75}.note-box{background:#fff7ed;border-left:4px solid #ea580c}.application-box{background:#ecfdf5;border-left:4px solid #059669}.warning-box{background:#fef2f2;border-left:4px solid #dc2626}.numbered-steps{counter-reset:steps;list-style:none;padding-left:0!important}.numbered-steps li{position:relative;padding:.7rem .7rem .7rem 2.7rem;border-bottom:1px solid #e2e8f0}.numbered-steps li::before{counter-increment:steps;content:counter(steps);position:absolute;left:.35rem;top:.58rem;display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#ede9fe;color:#5b21b6;font-weight:800}.roadmap-card{display:flex;color:inherit;transition:transform .15s ease,box-shadow .15s ease}.roadmap-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(76,29,149,.11)}.roadmap-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.phase-links{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.phase-links a{display:block;padding:1rem 1.1rem;border:1px solid #ddd6fe;border-radius:1rem;background:#fff;box-shadow:0 4px 16px rgba(30,41,59,.06)}.phase-links a:last-child{text-align:right}.mobile-menu{display:none}.mobile-menu summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:.75rem;padding:.4rem .8rem}.mobile-menu nav{display:grid;gap:.4rem;margin-top:.75rem;padding:.75rem;background:#fff;color:#334155;border-radius:.8rem;box-shadow:0 18px 40px rgba(15,23,42,.25)}.mobile-menu a{padding:.65rem;border-radius:.55rem}.mobile-menu a[aria-current=page]{background:#ede9fe;color:#5b21b6;font-weight:700}
.site-footer{border-top:1px solid #e2e8f0;background:#fff}.site-footer>div{max-width:78rem;margin:auto;padding:1.5rem;color:#64748b;font-size:.78rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.quiz-opt{cursor:pointer;min-height:3rem}.result[role=status]{min-height:1.75rem}
@media(max-width:900px){.site-shell{display:block;padding:1.25rem 1rem 5rem}.site-sidebar{display:none}.mobile-menu{display:block}.phase-links{grid-template-columns:1fr}.phase-links a:last-child{text-align:left}.deep-dive table{font-size:.78rem}.deep-dive th,.deep-dive td{padding:.55rem}.concept-grid{grid-template-columns:1fr}.card{border-radius:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phase.active{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}