:root{--paper:#edebe4;--paper2:#e4e1d6;--ink:#191713;--soft:#514c45;--line:#cbc5b8;--brand:#d42e1e;--dark:#141210;--serif:"Nanum Myeongjo",serif;--sans:"Pretendard","Pretendard Variable",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans);word-break:keep-all}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
img{max-width:100%}
.wrap{width:min(920px,calc(100% - 40px));margin:auto}
.site-head{background:var(--dark);color:#f5f1ea}
.site-head .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font:600 13px/1 var(--mono);letter-spacing:.2em;text-decoration:none}
.nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
.nav a{color:#d9d4ca}
.crumb{margin:30px auto 0;color:#777168;font-size:13px}
.crumb ol{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.crumb li+li:before{content:"/";margin-right:8px;color:#aaa39a}
.hero{padding:62px 0 56px;border-bottom:1px solid var(--line)}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.16em;color:var(--brand);text-transform:uppercase}
.hero h1{font:800 clamp(38px,7vw,72px)/1.12 var(--serif);letter-spacing:-.03em;margin:18px 0}
.answer{max-width:760px;font-size:clamp(18px,2.5vw,23px);line-height:1.65;color:#34302b}
.meta{font:12px/1.6 var(--mono);color:#777168;margin-top:24px}
.content{padding:58px 0 90px}
.content h2{font:800 clamp(27px,4vw,40px)/1.25 var(--serif);margin:64px 0 20px}
.content h2:first-child{margin-top:0}
.content h3{font-size:20px;margin:36px 0 10px}
.content p,.content li{max-width:76ch}
.content li+li{margin-top:8px}
.summary,.notice,.source-card{border:1px solid var(--line);background:var(--paper2);padding:24px;margin:26px 0}
.summary strong{color:var(--brand)}
.notice{border-left:4px solid var(--brand);font-size:14px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}
.fact{background:var(--paper);padding:22px}
.fact b{display:block;font:800 29px/1.15 var(--serif);margin-bottom:8px}
.fact span{font-size:14px;color:var(--soft)}
table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 12px}
th{background:var(--paper2)}
.sources{padding-left:20px}
.sources a{overflow-wrap:anywhere}
.doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.doc{border:1px solid var(--line);padding:20px;text-decoration:none;background:rgba(255,255,255,.2)}
.doc:hover{border-color:var(--brand)}
.doc b{display:block;margin-bottom:5px}
.doc span{font-size:14px;color:var(--soft)}
footer{background:var(--dark);color:#cfc9bf;padding:44px 0;font-size:14px}
footer a{color:#fff}
@media(max-width:650px){.site-head .wrap{min-height:auto;padding:16px 0 14px;flex-direction:column;align-items:flex-start;gap:14px}
.nav{display:flex;width:100%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;padding-bottom:3px;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.facts,.doc-grid{grid-template-columns:1fr}
.wrap{width:min(100% - 28px,920px)}
th,td{padding:11px 8px}
.hero{padding-top:42px}
}