@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/atkinson-400.woff2) format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible";font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/atkinson-700.woff2) format("woff2")}
:root{
  --paper:#fbfcfd; --ink:#1c2632; --muted:#56616f; --rule:#d6dde5; --soft:#eef3f8;
  --notice:#1d5fa6; --notice-deep:#154a84; --link:#1d5fa6;
  --open-bg:#eceff3; --open-fg:#3a4552;
  --contest-bg:#fff0c2; --contest-fg:#6b4a00;
  --settle-bg:#e3ecfa; --settle-fg:#1a4683;
  --final-bg:#e2f2e6; --final-fg:#1d5a2d;
  --deleted-bg:#f7e3e3; --deleted-fg:#7a2626;
  --unknown-bg:#f1edf7; --unknown-fg:#4e3d72;
  --measure:72ch; --wide:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--link);text-underline-offset:.15em}
a:hover{color:var(--notice-deep)}
:focus-visible{outline:3px solid #f2b705;outline-offset:2px}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 16px}
.prose{max-width:var(--measure)}
h1,h2,h3{line-height:1.2;font-weight:700;letter-spacing:-.005em}
h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:.4em 0 .35em}
h2{font-size:1.45rem;margin:2.2em 0 .6em;padding-top:.6em;border-top:1px solid var(--rule)}
h3{font-size:1.12rem;margin:1.6em 0 .4em}
p{margin:.6em 0}
.lede{font-size:1.15rem;color:var(--ink);max-width:var(--measure)}
.muted{color:var(--muted)}
small,.small{font-size:.9rem}
/* header */
.site-head{border-bottom:1px solid var(--rule);background:#fff}
.site-head .wrap{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;color:var(--ink);text-decoration:none}
.brand svg{flex:none}
.site-nav{display:flex;gap:1.1rem;flex-wrap:wrap;margin-left:auto;align-items:center}
.site-nav a{color:var(--ink);text-decoration:none}
.site-nav a:hover{text-decoration:underline}
.btn{display:inline-block;background:var(--notice);color:#fff !important;text-decoration:none;padding:.55rem 1rem;border-radius:4px;font-weight:700;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:var(--notice-deep)}
.btn-ghost{background:transparent;color:var(--notice) !important;border:2px solid var(--notice);padding:.45rem .9rem}
.btn-ghost:hover{background:var(--soft)}
/* breadcrumbs + data stamp */
.crumbs{font-size:.92rem;color:var(--muted);margin:1rem 0 0}
.crumbs a{color:var(--muted)}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.35rem}
.crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--rule)}
.stamp{display:inline-block;font-size:.92rem;color:var(--muted);border:1px solid var(--rule);border-radius:3px;padding:.15rem .5rem;background:#fff}
/* the standard plate: modeled on a safety "notice" sign */
.plate{display:inline-block;border:3px solid var(--notice);border-radius:6px;background:#fff;margin:1.2rem 0 .4rem;min-width:min(100%,22rem)}
.plate-band{background:var(--notice);color:#fff;font-weight:700;padding:.25rem .8rem;font-size:.95rem}
.plate-code{font-size:clamp(2.4rem,8vw,3.6rem);font-weight:700;line-height:1.05;padding:.35rem .8rem .1rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.plate-title{padding:0 .8rem .6rem;font-size:1.05rem}
/* figures */
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);margin:1.4rem 0}
.fig{padding:.75rem .9rem .75rem 0}
.fig b{display:block;font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1.15}
.fig span{color:var(--muted);font-size:.93rem}
/* tables */
.tbl-wrap{overflow-x:auto;margin:.8rem 0 1rem;border:1px solid var(--rule);border-radius:4px;background:#fff}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{padding:.5rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
th{background:var(--soft);font-weight:700;white-space:nowrap}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
td.nowrap{white-space:nowrap}
caption{text-align:left;padding:.5rem .65rem;color:var(--muted);font-size:.9rem;caption-side:bottom}
/* status chips */
.chip{display:inline-block;padding:.08rem .5rem;border-radius:999px;font-size:.85rem;font-weight:700;white-space:nowrap}
.st-open{background:var(--open-bg);color:var(--open-fg)}
.st-contested{background:var(--contest-bg);color:var(--contest-fg)}
.st-informal,.st-formal{background:var(--settle-bg);color:var(--settle-fg)}
.st-final{background:var(--final-bg);color:var(--final-fg)}
.st-deleted{background:var(--deleted-bg);color:var(--deleted-fg)}
.st-unknown{background:var(--unknown-bg);color:var(--unknown-fg)}
/* month bars */
.bars{display:grid;grid-template-columns:repeat(var(--n,12),1fr);gap:4px;align-items:end;height:120px;margin:1rem 0 .3rem;max-width:44rem}
.bar{background:var(--notice);border-radius:2px 2px 0 0;min-height:2px;position:relative}
.bar-lag{background:repeating-linear-gradient(135deg,var(--notice) 0 3px,#9dbbe0 3px 6px)}
.bar-labels{display:grid;grid-template-columns:repeat(var(--n,12),1fr);gap:4px;font-size:.75rem;color:var(--muted);max-width:44rem;text-align:center}
/* notes and callouts */
.note{border-left:4px solid var(--notice);background:var(--soft);padding:.7rem 1rem;margin:1.2rem 0;max-width:var(--measure)}
.note p{margin:.3rem 0}
.warn{border-left-color:#c58b00;background:#fff8e1}
.cta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;border:2px solid var(--notice);border-radius:6px;padding:1rem 1.2rem;margin:2rem 0;background:#fff}
.cta p{margin:0;max-width:52ch}
.cta strong{display:block;font-size:1.1rem}
ul.cols{columns:16rem;column-gap:2rem;padding-left:1.1rem}
ul.cols li{break-inside:avoid;margin:.15rem 0}
.req li{margin:.3rem 0}
dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:1rem 0}
dl.facts dt{color:var(--muted)}
dl.facts dd{margin:0}
.insp{border:1px solid var(--rule);border-radius:6px;background:#fff;padding:.4rem 1rem 1rem;margin:1.2rem 0}
.insp h3{margin-top:.8rem}
.pen{display:flex;gap:2rem;flex-wrap:wrap;margin:.6rem 0}
.pen div b{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}
.pen div span{color:var(--muted);font-size:.9rem}
details.faq{border-bottom:1px solid var(--rule);padding:.6rem 0;max-width:var(--measure)}
details.faq summary{font-weight:700;cursor:pointer}
.pager{display:flex;justify-content:space-between;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}
/* forms */
form.wl{max-width:40rem}
form.wl label{display:block;font-weight:700;margin:1rem 0 .3rem}
form.wl input[type=email],form.wl input[type=text],form.wl select{width:100%;padding:.55rem .6rem;font:inherit;border:1px solid #9aa6b3;border-radius:4px;background:#fff}
fieldset{border:1px solid var(--rule);border-radius:4px;margin:1rem 0;padding:.6rem .9rem}
legend{font-weight:700;padding:0 .3rem}
.statebox{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr));gap:.2rem .6rem;font-size:.95rem}
.statebox label,.radios label{font-weight:400 !important;margin:0 !important;display:flex !important;gap:.35rem;align-items:center}
.radios label{margin:.35rem 0 !important}
.cp-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.4rem 0}
.cp-row select{width:auto !important;max-width:100%}
.cp-list{padding-left:1.1rem;margin:.4rem 0}
.cp-x{background:none;border:0;color:var(--link);text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem;padding:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.2rem 0}
.plan{border:1px solid var(--rule);border-top:6px solid var(--notice);border-radius:6px;background:#fff;padding:1rem 1.2rem}
.plan .price{font-size:2rem;font-weight:700}
.plan ul{padding-left:1.1rem}
/* footer */
.site-foot{margin-top:4rem;border-top:1px solid var(--rule);background:#fff;font-size:.92rem;color:var(--muted)}
.site-foot .wrap{padding-top:1.5rem;padding-bottom:2rem}
.site-foot p{max-width:90ch}
.site-foot a{color:var(--muted)}
@media (max-width:640px){
  body{font-size:1rem}
  .site-nav{margin-left:0;gap:.8rem}
  th,td{padding:.45rem .5rem}
  .hide-sm{display:none}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
