.vlm-state-page{--ink:#222;--muted:#555;--line:#e5e7eb;--bg:#fafafa}
.vlm-state-page *{box-sizing:border-box}
.vlm-state-page{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
.vlm-state-page .wrap{max-width:820px;margin:0 auto;padding:24px 18px 48px}
.vlm-state-page .back{font-size:14px;margin:0 0 16px}
.vlm-state-page .back a{color:#1a5fb4;text-decoration:none}
.vlm-state-page .back a:hover{text-decoration:underline}
.vlm-state-page h1{margin:0 0 8px;font-size:28px}
.vlm-state-page .badge{display:inline-block;padding:4px 12px;border-radius:999px;color:#fff;font-size:13px;font-weight:600;margin:0 0 18px}
.vlm-state-page h2{margin:30px 0 10px;font-size:20px;border-bottom:1px solid var(--line);padding-bottom:6px}
.vlm-state-page p,.vlm-state-page li{font-size:16.5px}
.vlm-state-page ul{padding-left:20px}
.vlm-state-page .note{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:14.5px;color:var(--muted)}
.vlm-state-page .links a{display:inline-block;margin:4px 12px 4px 0;color:#1a5fb4}
.vlm-state-page .foot{margin-top:36px;font-size:12px;color:#666;line-height:1.55}
.vlm-state-page .vlm-crumbs{font-size:13px;color:var(--muted);margin:0 0 14px}
.vlm-state-page .vlm-crumbs a{color:#1a5fb4;text-decoration:none}
.vlm-state-page .vlm-crumbs a:hover{text-decoration:underline}
.vlm-state-page .vlm-crumbs span{color:#9aa0a6;margin:0 2px}
.vlm-state-page .vlm-answer{font-size:16.5px;line-height:1.6;margin:0 0 20px;padding:14px 16px;background:var(--bg);border-left:3px solid #1a5fb4;border-radius:0 8px 8px 0}
.vlm-state-page .vlm-faq{margin-top:36px}
.vlm-state-page .vlm-faq h3{margin:18px 0 4px;font-size:16px}
.vlm-state-page .vlm-faq p{margin:0 0 10px;color:#333}
.vlm-index{columns:3;padding-left:18px}
@media(max-width:640px){.vlm-state-page .vlm-answer{font-size:15.5px}.vlm-index{columns:1}}
.vlm-state-page a:focus-visible,.vlm-state-page button:focus-visible{outline:3px solid #1a5fb4;outline-offset:2px;border-radius:3px}
.vlm-state-page .badge{color:#fff}
.vlm-state-page .vlm-byline{font-size:13px;color:var(--muted);margin:0 0 16px}
.vlm-state-page .vlm-byline a{color:#1a5fb4}
.vlm-state-page .vlm-ban{border:1px solid var(--line);border-left:4px solid #6b7280;border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 22px;background:#fff}
.vlm-state-page .vlm-ban--yes{border-left-color:#b32d1f;background:#fdf4f3}
.vlm-state-page .vlm-ban--partly{border-left-color:#a65209;background:#fdf8f3}
.vlm-state-page .vlm-ban--not-yet{border-left-color:#7a5c00;background:#fdfbf3}
.vlm-state-page .vlm-ban--no{border-left-color:#1f6698;background:#f4f8fb}
.vlm-state-page .vlm-ban-verdict{margin:0 0 6px;font-size:17px}
.vlm-state-page .vlm-ban-verdict span{font-weight:400;font-size:14px;color:var(--muted)}
.vlm-state-page .vlm-ban-cite{margin:0 0 6px;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#333}
.vlm-state-page .vlm-ban-src,.vlm-state-page .vlm-ban-note{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.vlm-state-page .vlm-ban-note{margin-top:6px;font-style:italic}
.vlm-state-page .vlm-related{margin-top:34px;padding-top:4px;border-top:1px solid var(--line)}
.vlm-state-page .vlm-related h2{font-size:16px;border:0;margin:20px 0 6px;padding:0}
.vlm-state-page .vlm-related ul{columns:2;padding-left:18px;margin:0}
.vlm-state-page .vlm-related li{font-size:14px;margin:2px 0}
@media(max-width:640px){.vlm-state-page .vlm-related ul{columns:1}}

/* Rule lists: each rule a bullet, its citation beneath in smaller italics. */
.vlm-state-page .vlm-rules{list-style:disc;padding-left:22px;margin:0 0 16px}
.vlm-state-page .vlm-rules>li{font-size:16.5px;line-height:1.6;margin:0 0 11px}
.vlm-state-page .vlm-rules>li:last-child{margin-bottom:0}
.vlm-state-page .vlm-rules cite{display:block;margin-top:2px;font-size:13.5px;font-style:italic;color:var(--muted);line-height:1.45}

/* At-a-glance panel. Colour repeats the map's, but every tile also states its
   value in words, so nothing depends on colour alone. */
.vlm-state-page .vlm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:9px;margin:0 0 10px;padding:0}
.vlm-state-page .vlm-fact{background:var(--bg);border:1px solid var(--line);border-top:3px solid #9aa0a6;border-radius:8px;padding:10px 12px}
.vlm-state-page .vlm-fact dt{margin:0 0 3px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.vlm-state-page .vlm-fact dd{margin:0;font-size:15.5px;font-weight:600;line-height:1.35;color:var(--ink)}
.vlm-state-page .vlm-fact--yes{border-top-color:#c0392b}
.vlm-state-page .vlm-fact--yes dd{color:#96271a}
.vlm-state-page .vlm-fact--partly{border-top-color:#e07b1a}
.vlm-state-page .vlm-fact--partly dd{color:#8a4408}
.vlm-state-page .vlm-fact--not-yet{border-top-color:#e8b10a}
.vlm-state-page .vlm-fact--not-yet dd{color:#6b5000}
.vlm-state-page .vlm-fact--no{border-top-color:#2c6f9e}
.vlm-state-page .vlm-fact--no dd{color:#1d5377}
.vlm-state-page .vlm-fact--score{border-top-color:#1a5fb4}
.vlm-state-page .vlm-fact--band-severe{border-top-color:#c0392b}
.vlm-state-page .vlm-fact--band-severe dd strong{color:#96271a}
.vlm-state-page .vlm-fact--band-heavy{border-top-color:#e07b1a}
.vlm-state-page .vlm-fact--band-heavy dd strong{color:#8a4408}
.vlm-state-page .vlm-fact--band-moderate{border-top-color:#e8b10a}
.vlm-state-page .vlm-fact--band-moderate dd strong{color:#6b5000}
.vlm-state-page .vlm-fact--band-minimal{border-top-color:#2c6f9e}
.vlm-state-page .vlm-fact--band-minimal dd strong{color:#1d5377}
.vlm-state-page .vlm-fact--score dd strong{font-size:23px;line-height:1}
.vlm-state-page .vlm-fact--score dd span{font-weight:400;font-size:13px;color:var(--muted)}
.vlm-state-page .vlm-facts-note{font-size:12.5px;color:var(--muted);margin:0 0 20px;line-height:1.5}
.vlm-state-page .vlm-facts-note a{color:#1a5fb4}
@media(max-width:480px){.vlm-state-page .vlm-facts{grid-template-columns:1fr 1fr}}