:root{
  --navy-900:#0C1626;
  --navy-800:#132133;
  --navy-700:#1B2E45;
  --paper:#F7F4EC;
  --paper-dark:#EDE7D6;
  --gold:#C29A4C;
  --gold-soft:#DFC489;
  --gold-deep:#9C7A34;
  --ink:#1B2233;
  --slate:#5B6675;
  --slate-light:#8B93A0;
  --line-dark: rgba(226,220,201,0.14);
  --line-light: rgba(27,34,51,0.12);
  --radius: 2px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
.serif{ font-family:'Noto Serif KR', serif; }
.mono{ font-family:'IBM Plex Mono', monospace; font-variant-numeric: tabular-nums; }
a{ color:inherit; text-decoration:none; }
.wrap{ max-width:1160px; margin:0 auto; padding:0 32px; }
@media (max-width:720px){ .wrap{ padding:0 20px; } }

/* NAV (shared with main site) */
header.site{
  position:sticky; top:0; z-index:100;
  background:rgba(12,22,38,0.96);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line-dark);
}
.nav-inner{ display:flex; align-items:center; justify-content:space-between; height:76px; }
.logo{ display:flex; flex-direction:column; line-height:1.1; }
.logo .mark{ color:var(--gold-soft); font-family:'Noto Serif KR',serif; font-weight:700; font-size:20px; letter-spacing:0.14em; }
.logo .sub{ color:var(--slate-light); font-size:11px; letter-spacing:0.08em; margin-top:3px; }
nav.links{ display:flex; align-items:center; gap:30px; }
nav.links a{ color:#E7E2D4; font-size:14.5px; letter-spacing:0.01em; position:relative; padding:4px 0; }
.cta-btn{
  background:var(--gold); color:var(--navy-900); font-weight:600; font-size:14px;
  padding:11px 22px; border-radius:var(--radius); border:1px solid var(--gold);
}
@media (max-width:860px){ nav.links a:not(.cta){ display:none; } }

/* ARTICLE HERO */
.article-hero{
  background:linear-gradient(180deg, var(--navy-900) 0%, var(--navy-800) 100%);
  color:#EDE9DC; padding:56px 0 48px;
}
.breadcrumb{ font-size:12.5px; color:var(--slate-light); margin-bottom:20px; }
.breadcrumb a:hover{ color:var(--gold-soft); }
.article-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--gold-soft); font-size:12px; letter-spacing:0.16em; font-weight:600; margin-bottom:18px;
}
.article-eyebrow::before{ content:''; width:22px; height:1px; background:var(--gold); }
.article-hero h1{
  font-family:'Noto Serif KR', serif; font-weight:600; letter-spacing:-0.01em;
  font-size:clamp(26px, 4vw, 40px); line-height:1.4; color:#F5F1E6; max-width:780px; margin-bottom:16px;
}
.article-hero .lede{ color:#C7CCD6; font-size:16px; max-width:680px; }
.article-meta{ display:flex; gap:18px; margin-top:24px; font-size:12.5px; color:var(--slate-light); }

/* PROSE BODY */
.article-body{ padding:56px 0 88px; }
.article-layout{ display:grid; grid-template-columns:1fr 280px; gap:56px; align-items:start; }
@media (max-width:900px){ .article-layout{ grid-template-columns:1fr; } }
.prose{ max-width:720px; }
.prose h2{
  font-family:'Noto Serif KR', serif; font-size:24px; font-weight:600; color:var(--ink);
  margin:44px 0 16px; padding-top:8px; border-top:1px solid var(--line-light);
}
.prose h2:first-child{ margin-top:0; border-top:none; padding-top:0; }
.prose h3{ font-size:17px; font-weight:700; color:var(--ink); margin:28px 0 10px; }
.prose p{ font-size:15.5px; color:#333c4a; margin-bottom:16px; }
.prose ul, .prose ol{ margin:0 0 18px 20px; }
.prose li{ font-size:15.5px; color:#333c4a; margin-bottom:8px; }
.prose strong{ color:var(--ink); font-weight:700; }
.prose .callout{
  background:var(--paper-dark); border-left:3px solid var(--gold-deep);
  padding:16px 20px; font-size:14px; color:#3E4759; margin:24px 0; border-radius:var(--radius);
}
.prose table{ width:100%; border-collapse:collapse; margin:20px 0 28px; font-size:14px; }
.prose th, .prose td{ text-align:left; padding:10px 12px; border-bottom:1px solid var(--line-light); }
.prose th{ color:var(--gold-deep); font-size:12px; letter-spacing:0.04em; text-transform:uppercase; }
.disclaimer-note{ font-size:12px; color:var(--slate); margin-top:36px; padding-top:20px; border-top:1px solid var(--line-light); }

/* SIDEBAR */
.side-card{ background:var(--navy-900); color:#E7E2D4; padding:28px 24px; border-radius:var(--radius); position:sticky; top:96px; }
.side-card h3{ font-family:'Noto Serif KR', serif; font-size:17px; color:var(--gold-soft); margin-bottom:12px; }
.side-card p{ font-size:13.5px; color:#B7BCC7; margin-bottom:18px; }
.side-card a.cta-btn{ display:block; text-align:center; }
.side-links{ margin-top:28px; }
.side-links h4{ font-size:12px; letter-spacing:0.06em; color:var(--slate-light); margin-bottom:10px; text-transform:uppercase; }
.side-links a{ display:block; font-size:14px; padding:9px 0; border-bottom:1px solid var(--line-light); color:var(--ink); }
.side-links a:hover{ color:var(--gold-deep); }

/* FOOTER */
footer{ background:var(--navy-900); border-top:1px solid var(--line-dark); padding:40px 0; }
.footer-inner{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:24px; }
.footer-inner .flogo{ font-family:'Noto Serif KR',serif; color:var(--gold-soft); font-size:16px; letter-spacing:0.1em; margin-bottom:8px; }
.footer-inner .disclaimer{ font-size:11.5px; color:#6E7684; max-width:560px; line-height:1.7; }
.footer-inner .copy{ font-size:11.5px; color:#6E7684; }

/* INSIGHTS INDEX LIST */
.insight-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line-light); border:1px solid var(--line-light); }
@media (max-width:720px){ .insight-grid{ grid-template-columns:1fr; } }
.insight-card{ background:var(--paper); padding:32px; transition:background .2s ease; }
.insight-card:hover{ background:#FFFDF7; }
.insight-card .tag{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--gold-deep); letter-spacing:0.06em; }
.insight-card h3{ font-family:'Noto Serif KR',serif; font-size:19px; margin:10px 0 10px; }
.insight-card p{ font-size:14px; color:var(--slate); }