@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
:root{--bg:#F3EEE4;--fg:#17140F;--mut:#5a5346;--line:#CFC6B5;--pen:#FFD23F;--card:#fff}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Pretendard,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}
header{background:var(--fg);color:#F3EEE4}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand{display:flex;align-items:center;gap:8px;font-weight:900;font-size:17px;text-decoration:none;letter-spacing:-.02em}
header nav a{font-size:14px;font-weight:700;opacity:.85;text-decoration:none;margin-left:14px}
.hero{background:var(--fg);color:#F3EEE4;padding:28px 0 36px}
.chip{display:inline-block;font-size:12px;font-weight:900;background:var(--pen);color:var(--fg);padding:3px 8px}
h1{margin-top:12px;font-size:clamp(28px,7vw,44px);font-weight:900;letter-spacing:-.045em;line-height:1.2}
.hl{background:linear-gradient(transparent 58%,var(--pen) 58%,var(--pen) 92%,transparent 92%)}
.hero .hl{color:var(--fg);background:var(--pen);padding:0 6px}
.lede{margin-top:12px;font-size:16px;color:#CFC6B5}
.btns{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:16px;padding:14px 20px;text-decoration:none;border:2px solid var(--fg)}
.btn.main{background:var(--pen);color:var(--fg);border-color:var(--pen)}
.btn.sub{background:transparent;color:#F3EEE4;border-color:#F3EEE4}
.btn.dark{background:var(--fg);color:#F3EEE4}
section{padding:34px 0;border-bottom:1px solid var(--line)}
h2{font-size:24px;font-weight:900;letter-spacing:-.035em;line-height:1.3}
p{margin-top:10px;font-size:16px;color:#2a251d}
.small{font-size:13px;color:var(--mut)}
.steps{margin-top:14px;counter-reset:s;list-style:none}
.steps li{counter-increment:s;position:relative;padding:12px 0 12px 44px;border-top:1px solid var(--line);font-size:16px}
.steps li:before{content:counter(s);position:absolute;left:0;top:10px;width:30px;height:30px;background:var(--fg);color:var(--pen);font-weight:900;display:flex;align-items:center;justify-content:center}
.pages{margin-top:16px;display:grid;grid-template-columns:1fr;gap:14px}
.pages img{width:100%;height:auto;display:block;border:1px solid var(--line);background:#fff}
.more{margin-top:14px;text-align:center}
.tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:12px;font-weight:800;padding:2px 7px;border:1.5px solid var(--fg)}
.tag.ok{background:var(--fg);color:#F3EEE4}.tag.gov{background:#F7931A;border-color:#F7931A}
.cards{margin-top:16px;display:grid;gap:12px}
.card{background:var(--card);border-top:5px solid var(--fg);padding:16px;text-decoration:none;display:block}
.card .k{font-size:12px;font-weight:900;color:#B35C00}
.card b{display:block;margin-top:4px;font-size:18px;letter-spacing:-.02em}
.card span{display:block;margin-top:4px;font-size:14px;color:var(--mut)}
.soon{opacity:.55}
footer{padding:28px 0 48px;font-size:12px;color:var(--mut);line-height:1.7}
@media(min-width:720px){.pages{grid-template-columns:1fr 1fr}}