:root { color-scheme: light; --ink:#12322e; --muted:#526660; --line:#d9e5e1; --brand:#087f6a; --wash:#f3faf7; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--ink); background:#fff; }
a { color:#056a59; }
.wrap { width:min(920px,calc(100% - 36px)); margin:auto; }
header { padding:18px 0; border-bottom:1px solid var(--line); }
.brand { color:var(--brand); font-weight:800; text-decoration:none; }
nav { display:flex; gap:16px; flex-wrap:wrap; font-size:.9rem; margin-top:8px; }
main { padding:48px 0 58px; }
.eyebrow { color:var(--brand); font-size:.78rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
h1 { font-size:clamp(2rem,5vw,3.25rem); line-height:1.15; margin:.35rem 0 1rem; letter-spacing:-.035em; }
h2 { margin:2.4rem 0 .7rem; font-size:1.5rem; line-height:1.25; }
h3 { margin:0 0 .35rem; font-size:1.05rem; }
.lead { font-size:1.18rem; color:var(--muted); max-width:780px; }
.notice { border-left:4px solid var(--brand); background:var(--wash); padding:14px 17px; margin:22px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin:18px 0; }
.card { border:1px solid var(--line); border-radius:12px; padding:18px; }
.card p { color:var(--muted); margin:.25rem 0 0; }
table { width:100%; border-collapse:collapse; margin:18px 0; font-size:.95rem; }
th,td { text-align:left; vertical-align:top; padding:12px; border:1px solid var(--line); }
th { background:var(--wash); }
footer { border-top:1px solid var(--line); padding:25px 0 38px; color:var(--muted); font-size:.9rem; }
@media (max-width:620px) { th,td { padding:9px; } table { font-size:.85rem; } }