:root { --gold: #e6c15a; --gold2: #f8e3a0; --ink: #14101a; --line: rgba(230, 193, 90, 0.35); }
* { box-sizing: border-box; }
html { background: #120e18; }
body { margin: 0; color: #ece7dc; font: 400 16px/1.75 'Noto Sans KR', system-ui, -apple-system, sans-serif; word-break: keep-all; }
main { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; }
.back { display: inline-block; margin-bottom: 26px; padding: 8px 16px; border-radius: 999px; border: 1px solid var(--line); color: var(--gold2); text-decoration: none; font-weight: 700; font-size: 14px; }
.back:hover { background: rgba(230, 193, 90, 0.12); }
h1 { margin: 0 0 6px; font-size: clamp(28px, 6vw, 38px); line-height: 1.25; color: var(--gold2); }
.meta { margin: 0 0 28px; font-size: 14px; opacity: 0.7; }
.summary { margin: 0 0 34px; padding: 18px 20px; border-radius: 16px; border: 1px solid var(--line); background: rgba(230, 193, 90, 0.07); }
.summary b { color: var(--gold2); }
.summary ul { margin: 8px 0 0; padding-left: 20px; }
h2 { margin: 38px 0 10px; font-size: 20px; color: #fff; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); }
p { margin: 0 0 12px; }
ul, ol { margin: 0 0 12px; padding-left: 22px; }
li { margin-bottom: 6px; }
table { width: 100%; border-collapse: collapse; margin: 6px 0 16px; font-size: 14.5px; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, 0.14); }
th { background: rgba(255, 255, 255, 0.06); font-weight: 700; white-space: nowrap; }
.scroll { overflow-x: auto; }
a { color: var(--gold2); }
footer { margin-top: 44px; font-size: 14px; opacity: 0.7; }