:root{
  --bg:#0b0b16;--bg2:#141327;--card:#1a1830;--line:#2a2745;
  --gold:#e8c46a;--ink:#f4f1ea;--dim:#a7a2c0;--dim2:#6f6a8c;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  line-height:1.85;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1000px 500px at 50% -10%,#1a1836 0%,var(--bg) 55%);min-height:100dvh}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
header.site{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}
header.site a.logo{color:var(--gold);font-weight:800;font-size:17px;text-decoration:none;letter-spacing:-.01em}
header.site a.cta{color:#231a05;background:linear-gradient(180deg,#eccf7c,#dcae4e);
  padding:8px 15px;border-radius:99px;font-size:13px;font-weight:800;text-decoration:none}
.crumb{color:var(--dim2);font-size:13px;margin:22px 0 8px}
.crumb a{color:var(--dim2);text-decoration:none}
article h1{font-size:31px;font-weight:800;line-height:1.3;letter-spacing:-.02em;margin:6px 0 10px;word-break:keep-all}
article .lead{color:var(--dim);font-size:17px;margin-bottom:6px;word-break:keep-all}
article .date{color:var(--dim2);font-size:13px;margin-bottom:26px}
article h2{font-size:22px;font-weight:800;margin:34px 0 12px;letter-spacing:-.01em;word-break:keep-all}
article h3{font-size:18px;font-weight:700;margin:24px 0 8px;color:var(--gold);word-break:keep-all}
article p{color:#ddd8ec;font-size:16.5px;margin:12px 0;word-break:keep-all}
article ul,article ol{margin:12px 0 12px 4px;padding-left:20px;color:#ddd8ec}
article li{margin:7px 0;font-size:16.5px;word-break:keep-all}
article b,article strong{color:var(--ink)}
article a{color:var(--gold)}
.adslot{border:1px dashed var(--line);border-radius:12px;padding:20px;text-align:center;
  color:var(--dim2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:28px 0}
.cta-card{background:linear-gradient(180deg,#17152c,#100f1f);border:1px solid var(--line);
  border-radius:18px;padding:26px 22px;text-align:center;margin:34px 0}
.cta-card .k{color:var(--gold);font-size:13px;letter-spacing:.14em;font-weight:700}
.cta-card h3{color:var(--ink);font-size:22px;font-weight:800;margin:8px 0 4px}
.cta-card p{color:var(--dim);font-size:15px;margin-bottom:16px}
.cta-card a.go{display:inline-block;background:linear-gradient(180deg,#eccf7c,#dcae4e);color:#231a05;
  padding:14px 28px;border-radius:14px;font-weight:800;text-decoration:none;font-size:16px;
  box-shadow:0 10px 30px -12px rgba(232,196,106,.6)}
.related{border-top:1px solid var(--line);margin-top:36px;padding-top:20px}
.related .k{color:var(--gold);font-size:13px;letter-spacing:.1em;font-weight:700;margin-bottom:10px}
.related a{display:block;color:var(--ink);text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line);font-size:15.5px}
.related a:hover{color:var(--gold)}
.disc{color:var(--dim2);font-size:12.5px;line-height:1.7;margin:26px 0;word-break:keep-all}
.disc a{color:var(--dim)}
footer.site{text-align:center;color:var(--dim2);font-size:12px;padding:30px 0 44px}
footer.site a{color:var(--dim2)}
/* 아티클 허브 카드 */
.hub-grid{display:flex;flex-direction:column;gap:12px;margin:24px 0}
.hub-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;
  padding:20px;text-decoration:none;transition:.15s}
.hub-card:hover{border-color:var(--gold)}
.hub-card .t{color:var(--ink);font-size:18px;font-weight:800;margin-bottom:5px;word-break:keep-all}
.hub-card .d{color:var(--dim);font-size:14px;word-break:keep-all}