:root{--night:#1B2120;--gold:#C8AA70;--gold-soft:#E9DCC0;--ink:#202524;--muted:#6b726f;--line:#E1E5E2;--paper:#F7F5F0;--green:#216653}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.75;word-break:keep-all;overflow-wrap:break-word}
a{color:var(--green)}
.top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--night)}
.brand{display:flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:18px;text-decoration:none}
.seal{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--gold);border-radius:7px;color:var(--gold);font-size:16px}
.get{color:var(--night);background:var(--gold);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px;text-decoration:none}
.wrap{max-width:720px;margin:0 auto;padding:0 16px 40px}
.crumb{font-size:13px;color:var(--muted);padding:14px 0}
.crumb a{color:var(--muted)}
.hero{background:var(--night);color:#fff;border-radius:0 0 24px 24px;margin:0 -16px 28px;padding:28px 24px}
.hero h1{margin:4px 0;font-size:30px;line-height:1.3}
.hanja{margin:0;color:var(--gold);font-size:56px;font-weight:700;line-height:1}
.sub{margin:4px 0 0;color:rgba(255,255,255,.7);font-size:14px}
.headline{color:var(--gold-soft);font-size:20px;font-weight:700;line-height:1.5}
.tags span{display:inline-block;margin:0 6px 6px 0;padding:4px 12px;border:1px solid rgba(200,170,112,.5);border-radius:999px;font-size:13px;color:var(--gold-soft)}
section{margin:0 0 28px}
h2{font-size:21px;line-height:1.4;margin:0 0 10px}
h3{font-size:16px;margin:18px 0 6px}
p{margin:0 0 12px;font-size:16px}
ul{margin:0;padding-left:20px}
li{margin:0 0 4px}
dl{display:grid;grid-template-columns:48px 1fr;gap:6px 10px;margin:12px 0}
dt{font-weight:700}
dd{margin:0}
.tag{color:var(--green);font-weight:700}
.tip{background:var(--paper);border-radius:12px;padding:14px 16px;font-weight:700}
.small{font-size:13px;color:var(--muted)}
.links a{display:inline-block;margin:0 8px 8px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.grid a{display:block;border:1px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center;text-decoration:none;color:var(--ink);font-size:14px}
.grid b{display:block;color:var(--night);font-size:20px}
.cta{background:var(--night);color:#fff;border-radius:18px;padding:22px 20px}
.cta p{color:rgba(255,255,255,.8)}
.button{display:block;text-align:center;background:var(--gold);color:var(--night);font-weight:700;border-radius:12px;padding:14px;text-decoration:none;margin-top:12px}
.finder{display:grid;gap:10px;margin-top:16px}
.finder label{font-size:14px;color:rgba(255,255,255,.8)}
.finder input[type=date]{font-size:18px;padding:12px;border-radius:10px;border:0}
.finder .check{display:flex;gap:8px;align-items:center}
.finder button{font-size:17px;font-weight:700;border:0;border-radius:12px;padding:14px;background:var(--gold);color:var(--night);cursor:pointer}
.result{margin-top:18px;padding:18px;border:1px solid rgba(200,170,112,.6);border-radius:16px}
.result h2{color:#fff;margin:6px 0 0}
.hero .small{color:rgba(255,255,255,.6);margin-top:14px}
.foot{max-width:720px;margin:0 auto;padding:20px 16px 40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.foot a{color:var(--muted)}
.cta .alt{font-size:13px;text-align:center;margin:10px 0 0}
.cta .alt a{color:var(--gold-soft)}