:root{--crust:#3B2415;--crumb:#FBF6EE;--paper:#FFFDF9;--gold:#C08A3E;--goldsoft:#E8C892;
  --ink:#241811;--inksoft:#5C4B3C;--line:#EADDCB;--red:#C2392B;--green:#2F6B4F;}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);line-height:1.75;font-size:17px;
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,"Apple SD Gothic Neo",sans-serif;
  -webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
.w{max-width:680px;margin:0 auto;padding:0 22px}
header{background:var(--crust);color:#fff;padding:34px 0 30px}
header .kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--goldsoft);margin-bottom:13px}
header .kicker a{color:var(--goldsoft);text-decoration:none}
h1{font-size:29px;line-height:1.35;font-weight:900;letter-spacing:-.03em;margin-bottom:14px}
header p{font-size:15.5px;color:rgba(255,255,255,.8)}
main{padding:34px 0 10px}
h2{font-size:22px;line-height:1.4;font-weight:900;letter-spacing:-.025em;margin:38px 0 14px;
  padding-top:20px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
h3{font-size:18px;font-weight:800;margin:24px 0 9px}
p{margin-bottom:15px}
p.lead{font-size:18px;color:var(--inksoft)}
b,strong{font-weight:800}
a{color:var(--gold)}
.fig{background:var(--crumb);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:20px 0}
.fig .n{font-size:32px;font-weight:900;letter-spacing:-.04em;line-height:1.2;color:var(--crust)}
.fig .n small{font-size:17px;font-weight:800}
.fig .cap{font-size:14px;color:var(--inksoft);margin-top:6px}
table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:18px 0}
th{background:var(--crumb);text-align:left;padding:11px 14px;font-size:13px;
  font-weight:800;color:var(--inksoft);border-bottom:1px solid var(--line)}
td{padding:11px 14px;border-bottom:1px solid #F3EADC}
td:last-child{text-align:right;font-weight:800;white-space:nowrap}
table.plain td:last-child{text-align:left;font-weight:400;white-space:normal}
tr:last-child td{border-bottom:none}
ul,ol{margin:0 0 15px 20px}
li{margin-bottom:8px}
.callout{border-left:4px solid var(--gold);background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:17px 20px;margin:22px 0}
.callout>b:first-child{display:block;margin-bottom:6px;font-size:16px}
.callout p b{display:inline;font-weight:800;color:var(--ink)}
.callout p{font-size:15.5px;color:var(--inksoft);margin:0}
.callout p+p{margin-top:11px}
.sources{background:var(--crumb);border:1px solid var(--line);border-radius:14px;
  padding:20px 22px;margin:34px 0 0;font-size:14px;color:var(--inksoft)}
.sources b{display:block;margin-bottom:9px;color:var(--ink);font-size:15px}
.sources li{margin-bottom:6px;line-height:1.6}
.backlink{margin-top:30px}
.backlink a{font-weight:800;text-decoration:none}
.next{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:22px}
.next .lbl{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--gold);margin-bottom:6px}
.next a{font-size:17px;font-weight:800;text-decoration:none;color:var(--ink);line-height:1.45;display:block}
footer{border-top:1px solid var(--line);margin-top:36px;padding:26px 0 46px;font-size:14px;color:var(--inksoft)}
footer b{color:var(--ink)}
@media(max-width:520px){h1{font-size:24px}body{font-size:16px}h2{font-size:19px}.fig .n{font-size:27px}}

/* ── 전역 메뉴 (모든 페이지 상단 고정) ── */
.gnb{position:sticky;top:0;z-index:50;background:rgba(36,24,17,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,200,146,.18)}
.gnb .w{display:flex;align-items:center;gap:4px;height:52px}
.gnb a{color:rgba(255,255,255,.72);text-decoration:none;font-size:14.5px;font-weight:700;
  padding:8px 11px;border-radius:8px;white-space:nowrap;transition:color .15s,background .15s}
.gnb a:hover{color:#fff;background:rgba(255,255,255,.08)}
.gnb a.on{color:var(--goldsoft);background:rgba(232,200,146,.12)}
.gnb .brandmark{margin-right:auto;font-size:16.5px;font-weight:900;letter-spacing:-.02em;
  color:#fff;padding-left:0}
.gnb .brandmark:hover{background:transparent;color:var(--goldsoft)}
.gnb .calc{color:var(--goldsoft)}
@media(max-width:430px){
  .gnb .w{gap:0;height:48px}
  .gnb a{font-size:13.5px;padding:7px 8px}
  .gnb .brandmark{font-size:15px}
}
