*{box-sizing:border-box}
:root{--forest:#205b48;--mint:#e6f0e8;--bg:#fbf9f5;--ink:#2c2a25;--muted:#5b564c;--line:#e9e3d6}
body{margin:0;font-family:'Noto Sans KR',Pretendard,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none}
header{background:#fff;border-bottom:1px solid var(--line)}
.nav{max-width:1080px;margin:auto;padding:0 20px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-weight:800;color:var(--forest);font-size:19px}
.navlinks{display:flex;gap:18px;font-size:14px;flex-wrap:wrap}
.navlinks a:hover{color:var(--forest)}
main{max-width:1080px;margin:auto;padding:0 20px 56px}
.hero{margin:28px 0 8px;padding:52px 32px;border-radius:24px;background:linear-gradient(120deg,#e5f3e7,#f5f1e8)}
.eyebrow{color:var(--forest);font-weight:700;font-size:13px;letter-spacing:.08em}
.hero h1{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:10px 0 12px}
.hero p{max-width:620px;color:var(--muted);font-size:17px;margin:0 0 22px}
.btn{display:inline-block;font:inherit;font-weight:700;border:1px solid var(--forest);background:var(--forest);color:#fff;padding:10px 20px;border-radius:999px;cursor:pointer}
.btn.alt{background:#fff;color:var(--forest)}
.btn.disabled{background:#eee9dc;border-color:#e0d9c8;color:#8a8472;cursor:default}
.section-title{font-size:26px;margin:40px 0 16px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(60,50,35,.05)}
.symbol{font-size:32px}
.tag{align-self:flex-start;margin:8px 0;font-size:12px;font-weight:700;background:var(--mint);color:var(--forest);padding:3px 10px;border-radius:999px}
.card h3{margin:2px 0 6px;font-size:20px}
.card p{color:var(--muted);font-size:14px;margin:0 0 16px}
.actions{margin-top:auto}
.panel{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.panel h2{margin:0 0 8px;font-size:20px}
.panel p{margin:0 0 8px;color:var(--muted)}
.fine{font-size:13px}
.footer{background:#1e4336;color:#fff;text-align:center;padding:26px 20px;font-size:13px}
.footer a{text-decoration:underline}
a:focus-visible,.btn:focus-visible{outline:3px solid #db9d36;outline-offset:3px}
@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{padding:36px 22px}}