:root{--navy:#171a24;--ink:#171a21;--muted:#68707d;--line:#dfe3e8;--mint:#54d6bd;--bg:#f4f6f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Noto Sans KR",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}.guide-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 max(22px,5vw);color:#fff;background:var(--navy);border-bottom:1px solid #30333d}.wordmark{font-size:21px;font-weight:900}.guide-header nav{display:flex;gap:24px}.guide-header nav a{color:#b7bcc7;font-size:12px;font-weight:700}.guide-header nav a[aria-current="page"],.guide-header nav a:hover{color:#fff}.guide-hero{padding:70px max(22px,calc((100vw - 1080px)/2)) 58px;color:#fff;background:var(--navy)}.eyebrow{margin:0;color:var(--mint);font:800 11px "Manrope",sans-serif;letter-spacing:.12em}.guide-hero h1{max-width:760px;margin:18px 0 16px;font-size:clamp(38px,6vw,64px);line-height:1.16}.guide-hero>p:last-child{max-width:680px;margin:0;color:#b7bcc7;font-size:15px;line-height:1.8}.guide-index{max-width:1080px;margin:0 auto;padding:52px 22px 90px}.guide-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.guide-intro h2{margin:0;font-size:28px}.guide-intro p{max-width:520px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.article-card{display:flex;min-height:300px;padding:26px;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.article-card .number{color:#19a88a;font:800 11px "Manrope",sans-serif}.article-card h3{margin:42px 0 14px;font-size:22px;line-height:1.4}.article-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.article-card .meta{margin-top:auto;padding-top:26px;color:#8b929d;font-size:11px}.article-card.is-next{background:#f0f2f4}.article-card.is-next h3{color:#6e7580}.article-card:hover:not(.is-next){background:#edfbf7}.article-shell{max-width:1080px;margin:0 auto;padding:54px 22px 90px}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 260px;gap:58px}.article-kicker{color:#168f76;font-size:12px;font-weight:800}.article-body h1{margin:14px 0 18px;font-size:clamp(34px,5vw,54px);line-height:1.25}.article-summary{margin:0 0 22px;color:#59616e;font-size:17px;line-height:1.8}.byline{padding:14px 0 26px;color:#858c97;font-size:11px;border-bottom:1px solid var(--line)}.article-body h2{margin:48px 0 15px;font-size:26px}.article-body h3{margin:30px 0 10px;font-size:19px}.article-body p,.article-body li{color:#454d59;font-size:15px;line-height:1.95}.article-body ul,.article-body ol{padding-left:22px}.stage-table{margin:24px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.stage-row{display:grid;grid-template-columns:130px 1fr}.stage-row>*{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stage-row strong{background:#f7f8f9}.callout{margin:34px 0;padding:22px;border-left:4px solid var(--mint);background:#fff}.callout p{margin:0}.source-list{padding-top:20px;border-top:1px solid var(--line)}.source-list a{color:#08785f;text-decoration:underline;text-underline-offset:3px}.article-aside{position:sticky;top:92px;height:max-content;border-top:3px solid var(--navy);background:#fff}.article-aside>div{padding:22px;border:1px solid var(--line);border-top:0}.article-aside span{color:#838a96;font-size:10px}.article-aside strong{display:block;margin-top:7px;font-size:14px;line-height:1.5}.article-aside a{display:block;color:#08785f;font-size:12px;font-weight:700}.guide-footer{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;padding:38px max(22px,5vw);color:#fff;background:var(--navy)}.guide-footer p{margin:6px 0 0;color:#9da3af;font-size:11px}.guide-footer div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}.guide-footer div a{color:#b9bec8;font-size:11px}@media(max-width:760px){.guide-header nav{display:none}.guide-hero{padding:50px 20px 40px}.guide-index,.article-shell{padding:40px 18px 70px}.guide-intro{display:block}.guide-intro p{margin-top:12px}.article-grid{grid-template-columns:1fr}.article-card{min-height:240px}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.stage-row{grid-template-columns:1fr}.guide-footer{grid-template-columns:1fr}.guide-footer div{justify-content:flex-start}}