:root { font-family: "Segoe UI", "Yu Gothic UI", sans-serif; color: #172033; background: #f4f7fb; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { max-width: 980px; margin: 0 auto; padding: 32px 20px; }
.topbar { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:24px; }
.eyebrow { font-size:12px; font-weight:700; letter-spacing:.12em; color:#5b6b83; text-transform:uppercase; }
h1 { margin:6px 0 4px; font-size:32px; }
.topbar p { margin:0; color:#637187; }
.badge { background:#fff1cf; border:1px solid #e5c66d; color:#6b4d00; padding:8px 12px; border-radius:999px; font-weight:700; }
.card { background:white; border:1px solid #e3e9f2; border-radius:16px; padding:28px; box-shadow:0 10px 30px rgba(31,49,77,.06); }
.card h2 { margin-top:0; }
.checks { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin:22px 0; }
.checks a { display:block; text-decoration:none; color:#173d7a; border:1px solid #cfd9e8; border-radius:10px; padding:14px 16px; font-weight:600; background:#f9fbfe; }
.note { color:#66758b; }