:root{--ink:#26345b;--muted:#666d86;--paper:#fffaf0;--cream:#fff0c9;--purple:#7131c6;--purple2:#4a168e;--gold:#f6ac19;--line:#e4c786;--ok:#19704e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0,#f8d7ad 0,transparent 31%),linear-gradient(#edc79e,#e4b98c);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans KR",sans-serif;line-height:1.62}
main{width:min(980px,calc(100% - 28px));margin:28px auto 70px}.hero,.card{background:var(--paper);border:2px solid var(--line);border-radius:26px;box-shadow:0 11px 0 rgba(93,50,110,.12),0 22px 45px rgba(77,43,61,.14)}.hero{padding:clamp(28px,6vw,55px);border:4px solid var(--purple);background:linear-gradient(145deg,#fff9e3,#ffe4a6)}
.eyebrow{margin:0;color:var(--purple);font-weight:900;letter-spacing:.08em}.hero h1{margin:6px 0 10px;font-size:clamp(35px,7vw,62px);line-height:1.04}.hero p{margin:4px 0;color:var(--muted);max-width:760px}.card{margin-top:19px;padding:clamp(22px,5vw,40px)}h2{margin:0 0 10px;color:var(--purple2);font-size:clamp(23px,4vw,31px)}h3{margin:26px 0 7px;color:#48306c}p{margin:8px 0}a{color:#5622a0;font-weight:760;text-underline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:18px}.tile{display:block;background:#fff4d9;border:2px solid #d6b06c;border-radius:18px;padding:18px;text-decoration:none;color:var(--ink);box-shadow:0 4px 0 #c89b4f}.tile strong{display:block;color:var(--purple2);font-size:18px}.pill{display:inline-block;padding:5px 11px;border-radius:999px;background:#efe3ff;color:var(--purple2);font-weight:800;margin:3px}.notice{padding:14px 16px;border-radius:14px;background:#efe3ff;border-left:6px solid var(--purple)}.ok{background:#e6f6ed;border-left-color:var(--ok)}table{border-collapse:collapse;width:100%;margin:12px 0}th,td{padding:11px 12px;border:1px solid #dbc99f;text-align:left;vertical-align:top}th{background:#f7e9c8}code{background:#eee4f8;padding:2px 5px;border-radius:5px;word-break:break-all}ul,ol{padding-left:24px}.small{font-size:14px;color:var(--muted)}footer{text-align:center;color:#665c72;margin-top:30px;font-size:13px}@media(max-width:600px){main{margin-top:14px}.hero,.card{border-radius:20px}th,td{padding:8px;font-size:14px}}