:root{--ink:#0f1114;--gray:#8d9199;--line:#e6e8ea;--accent:#2b47ff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Pretendard Variable",Pretendard,-apple-system,"Malgun Gothic",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;letter-spacing:-0.01em}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:0 1px 0 var(--line);height:64px;display:flex;align-items:center}
.nav{width:min(1080px,92%);margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:18px;font-weight:800} .logo .q{color:var(--accent)}
.nav a.back{font-size:13.5px;font-weight:700;color:#555a63}
.hero{background:linear-gradient(135deg,#eef1ff,#f7f4ff);padding:70px 0 56px}
.hero .in{width:min(1080px,92%);margin:0 auto}
.hero .eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.1em;color:var(--accent)}
.hero h1{margin-top:14px;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-0.03em}
.hero p{margin-top:12px;font-size:15px;color:#555a63;font-weight:600}
.wrap{width:min(1080px,92%);margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:50px;padding:60px 0 100px}
nav.toc{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;font-size:13px}
nav.toc b{display:block;font-size:11px;letter-spacing:.1em;color:#a2a7ae;margin-bottom:12px}
nav.toc a{display:block;padding:7px 10px;border-radius:8px;color:#555a63;font-weight:600;line-height:1.45}
nav.toc a:hover{background:#f2f5ff;color:var(--accent)}
main h2{font-size:22px;font-weight:800;margin:44px 0 14px;padding-top:20px;border-top:1px solid var(--line);letter-spacing:-0.02em}
main h2:first-child{margin-top:0;border-top:0;padding-top:0}
main p{font-size:14.5px;line-height:1.9;color:#3f434b;margin:10px 0;word-break:keep-all}
main .step{background:#f8fafc;border:1px solid #eef0f5;border-radius:12px;padding:16px 18px;margin:12px 0;font-size:14px;line-height:1.85;color:#3f434b}
footer{border-top:1px solid var(--line);padding:34px 0;text-align:center;font-size:12.5px;color:#a2a7ae}
@media(max-width:860px){.wrap{grid-template-columns:1fr}nav.toc{position:static;max-height:none}}