@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{min-width:0;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)}
/* status + deadline notes inside table cells */
.dl{display:block;font-size:.82rem;color:var(--muted);white-space:nowrap;margin-top:.15rem}
.insp-h{border:0;margin-top:.6rem;padding:0}
.plan-h{border:0;margin:0;padding:0}
.cta-acts{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center}
.btn-lg{padding:.75rem 1.25rem;font-size:1.05rem}
.btn-ghost.btn-lg{padding:.65rem 1.15rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* home: hero with a real alert excerpt on a "notice" plate */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2.5rem;align-items:start;margin:1.6rem 0 1rem}
.hero h1{font-size:clamp(1.9rem,4.2vw,2.75rem);line-height:1.12;margin:.2em 0 .45em;letter-spacing:-.015em;max-width:20ch}
.hero .lede{font-size:1.18rem}
.hero-acts{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.3rem 0 .6rem}
.alert-plate{margin:0;border:3px solid var(--notice);border-radius:8px;background:#fff;box-shadow:0 1px 0 var(--rule),0 12px 28px -18px rgba(21,74,132,.45)}
.alert-band{background:var(--notice);color:#fff;font-weight:700;padding:.45rem .9rem;font-size:.97rem}
.alert-body{padding:.6rem .9rem .3rem}
.alert-count{margin:.2rem 0 .5rem;font-size:.95rem;color:var(--muted)}
.alert-count b{color:var(--ink)}
.alert-rows{list-style:none;margin:0;padding:0;counter-reset:ar}
.alert-rows li{padding:.6rem 0 .6rem 2rem;border-top:1px solid var(--rule);position:relative;counter-increment:ar}
.alert-rows li::before{content:counter(ar);position:absolute;left:0;top:.62rem;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--soft);color:var(--notice-deep);font-weight:700;font-size:.85rem;text-align:center;line-height:1.4rem}
.alert-rows p{margin:.1rem 0}
.ar-name{font-weight:700}
.ar-name a{color:var(--ink)}
.ar-meta{font-size:.86rem;color:var(--muted)}
.ar-pen{font-size:.95rem;font-variant-numeric:tabular-nums}
.alert-plate figcaption{padding:.5rem .9rem .7rem;border-top:1px solid var(--rule);background:var(--paper);border-radius:0 0 6px 6px}
.personas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin:1rem 0}
.personas div{border-top:2px solid var(--ink);padding:.7rem 0 1rem}
.personas dt{font-weight:700;font-size:1.08rem}
.personas dd{margin:.3rem 0 0;color:var(--ink);max-width:48ch}
.anatomy{max-width:var(--measure);padding-left:1.4rem}
.anatomy li{margin:.55rem 0;padding-left:.3rem}
.anatomy li::marker{font-weight:700;color:var(--notice)}
.plans-table th[scope=row]{background:#fff;font-weight:400;color:var(--muted);white-space:normal}
.plans-table thead th{font-size:1.05rem}
.plans-table td{white-space:nowrap}
.plans-table td b{font-size:1.15rem}
dl.trust{max-width:var(--measure)}
dl.trust dt{font-weight:700;color:var(--ink)}
.plan-free{border-top-color:var(--muted)}
/* sample alert: the email shown as received */
.email-frame{border:1px solid var(--rule);border-radius:8px;background:#f4f6f8;padding:.6rem;margin:1.2rem 0;max-width:700px;overflow-x:auto}
.email-head{margin:.2rem .4rem .6rem;color:var(--muted)}
pre.license{white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid var(--rule);border-radius:4px;padding:.8rem;font-size:.85rem;max-height:24rem;overflow:auto}
@media (max-width:860px){
  .hero{grid-template-columns:1fr;gap:1.5rem}
  .personas{grid-template-columns:1fr}
}
@media (max-width:640px){
  body{font-size:1rem}
  .site-head .wrap{flex-wrap:nowrap;gap:.6rem;padding-top:.55rem;padding-bottom:.55rem}
  .brand{font-size:1.05rem;white-space:nowrap}
  .site-nav{margin-left:auto;gap:.7rem;flex-wrap:nowrap}
  .site-nav .nav-x{display:none}
  .site-nav .btn{padding:.4rem .75rem}
  th,td{padding:.45rem .5rem}
  .hide-sm{display:none}
  .hero-acts .btn{flex:1 1 100%;text-align:center}
  /* tables of records become stacked cards: name first, then labeled key fields */
  table.stack thead{display:none}
  table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:100%}
  table.stack tr{border-bottom:1px solid var(--rule);padding:.55rem .65rem}
  table.stack tr:last-child{border-bottom:0}
  table.stack td{border:0;padding:.12rem 0;text-align:left;white-space:normal}
  table.stack td.num{text-align:left}
  table.stack td.cell-name{font-weight:700;padding-bottom:.25rem}
  table.stack td[data-label]{display:flex;gap:.6rem;justify-content:space-between}
  table.stack td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:.88rem;flex:none}
  table.stack td.hide-sm{display:none}
  table.stack td[data-label="Status"]{flex-wrap:wrap;row-gap:0}
  table.stack td[data-label="Status"] .chip{margin-left:auto}
  table.stack .dl{white-space:normal}
  table.stack caption{display:block}
  .plans-table td{white-space:normal}
  table.stack td .dl{flex-basis:100%;text-align:right;margin:0;line-height:1.35}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* instant state preview (home, /free/, /subscribe/, free confirmation). Rows are fixed-height single lines so swapping
   states never shifts the page; .pv-out reserves the height of a full 5-row preview. */
.pv-intro{margin:.2rem 0 .8rem;color:var(--muted)}
.pv{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;margin:1rem 0 1.5rem;max-width:52rem}
.pv[data-preview=home]{grid-template-columns:minmax(0,15.5rem) minmax(0,1fr);grid-template-areas:"chips out" "chips acts";gap:.8rem 1.5rem;max-width:none}
.pv-chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.3rem;align-content:start}
.pv[data-preview=home] .pv-chips{grid-area:chips}
.pv[data-preview=home] .pv-out{grid-area:out}
.pv[data-preview=home] .pv-acts{grid-area:acts}
.pv-chips a{display:block;text-align:center;padding:.28rem 0;border:1px solid var(--rule);border-radius:4px;background:#fff;text-decoration:none;font-weight:700;font-size:.9rem;color:var(--ink);line-height:1.4}
.pv-chips a:hover{border-color:var(--notice);color:var(--notice-deep)}
.pv-chips a[aria-current]{background:var(--notice);border-color:var(--notice);color:#fff}
.pv-out{border:3px solid var(--notice);border-radius:8px;background:#fff;padding:.6rem .9rem .5rem;min-height:var(--pv-h,40rem);transition:opacity .15s}
.pv[aria-busy] .pv-out{opacity:.55}
.pv-acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.pv-out p{margin:0}
.pv-title{font-size:1.1rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-fresh{font-size:.88rem;color:var(--muted);line-height:1.35}
.pv-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1rem;margin:.55rem 0 .5rem;padding:.4rem 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule)}
.pv-figs div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.pv-figs dt{font-size:.85rem;color:var(--muted);line-height:1.3}
.pv-figs dd{margin:0;font-size:1.45rem;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}
.pv-sub{font-size:.88rem;color:var(--muted);margin:.2rem 0 .3rem !important}
.pv-rows{list-style:none;margin:0;padding:0}
.pv-rows li{border-top:1px solid var(--rule);padding:.38rem 0}
.pv-rows p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.pv-name{display:flex;gap:.6rem;font-weight:700}
.pv-n{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pv-n a{color:var(--ink)}
.pv-src{flex:none;font-weight:400;font-size:.82rem;align-self:center}
.pv-meta{font-size:.86rem;color:var(--muted)}
.pv-meta b{color:var(--ink);font-variant-numeric:tabular-nums}
.pv-meta .chip{font-size:.78rem;padding:0 .45rem}
.pv-open{border-top:1px solid var(--rule);padding-top:.4rem;font-size:.92rem;line-height:1.4}
.pv-note{font-size:.8rem;color:var(--muted);line-height:1.4;margin-top:.35rem !important}
.pv-lead{margin:.9rem 0 .2rem !important}
form.wl .pv{margin:.3rem 0 .6rem}
@media (max-width:360px){.pv-out{min-height:50.5rem !important}}
@media (max-width:860px){
  .pv[data-preview=home]{grid-template-columns:minmax(0,1fr);grid-template-areas:"chips" "out" "acts"}
  .pv-chips{grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(3,auto);grid-auto-columns:2.75rem;overflow-x:auto;padding-bottom:.3rem}
}
@media (max-width:640px){
  .pv-out{padding:.5rem .7rem .45rem;min-height:var(--pv-h-sm,47rem)}
  .pv-figs{grid-template-columns:1fr;gap:0}
  .pv-figs div{flex-direction:row-reverse;justify-content:flex-end;align-items:baseline;gap:.5rem}
  .pv-figs dd{font-size:1.15rem}
  .pv-acts .btn{flex:1 1 100%;text-align:center}
}