:root{--bg:#f7f6f2;--ink:#111110;--mute:#6b6a66;--line:#e2e0d9;--acc:#d23f24;--teal:#102f35;--cream:#f5ecda;--sand:#f2d8ab;--font:"Pretendard","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}
a{color:inherit}.top{display:flex;align-items:center;gap:12px;padding:18px clamp(18px,4vw,48px)}.top a{font-weight:800;font-size:18px;text-decoration:none;letter-spacing:-.02em}
.wrap{max-width:860px;margin:0 auto;padding:0 clamp(18px,4vw,40px) 48px}
.hero{background:var(--teal);color:var(--cream);padding:30px clamp(20px,4vw,40px) 30px;margin:0 calc(-1*clamp(18px,4vw,40px)) 26px}
.kick{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:#c9d1c6;font-size:13px}.kick:before{content:'';width:7px;height:7px;background:#e18b65}
h1{font-size:clamp(34px,6vw,56px);letter-spacing:-.055em;line-height:1.12;margin:0 0 14px}h1 em{font-style:normal;color:#edaa7f}
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 16px;font-size:15px;color:#dfdfd0}.facts b{color:var(--cream)}
.lead{font-size:16px;line-height:1.75;color:#dfdfd0;margin:0 0 20px;max-width:640px}
.cta{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-block;text-decoration:none;font-weight:800;font-size:16px;padding:14px 20px;border-radius:3px}
.btn.main{background:var(--sand);color:#17383b;box-shadow:0 3px 0 #a78b62}.btn.sub{border:1px solid rgba(245,236,218,.45);color:var(--cream)}
.note{font-size:12.5px;color:#b6c4bd;margin:12px 0 0;line-height:1.6}
h2{font-size:22px;letter-spacing:-.03em;margin:30px 0 6px}.h2note{color:var(--mute);font-size:13.5px;margin:0 0 12px;line-height:1.6}
ol.tl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tl li{display:grid;grid-template-columns:92px 1fr;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.tl .when{font-variant-numeric:tabular-nums;color:var(--mute);font-size:13px;line-height:1.5}.tl .when b{display:block;color:var(--acc);font-size:18px}
.tl h3{margin:0 0 4px;font-size:17px;letter-spacing:-.02em}.tl p{margin:0;font-size:15px;line-height:1.7}
.tl .then{margin-top:6px;color:var(--mute);font-size:14px}.tl .rec{margin-top:8px;padding:8px 12px;background:#fff;border-left:3px solid var(--sand);font-size:14px}.tl .rec small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.tl .opts{margin-top:8px;font-size:13.5px;color:#3b4a47}.tl .opts span{display:inline-block;margin:2px 6px 2px 0;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:#fff}
.tl .crowd{margin-top:6px;font-size:13px;color:var(--acc)}
.more{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.more a{text-decoration:none;font-size:14px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-variant-numeric:tabular-nums}.more a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.mm-link{margin:0 0 6px;font-size:15px;font-weight:700}.mm-link a{color:var(--acc);text-underline-offset:4px}
.pager{display:flex;justify-content:space-between;margin:26px 0 0;font-size:15px}.pager a{text-decoration:none;font-weight:700}
.foot{color:var(--mute);font-size:12px;line-height:1.7;margin-top:36px;border-top:1px solid var(--line);padding-top:16px}
.era h2{margin-top:26px}.era p{color:var(--mute);font-size:14px;margin:0 0 8px}
@media(max-width:560px){.tl li{grid-template-columns:72px 1fr;gap:4px 12px}}