/* National page additions. Everything else comes from ../assets/site.css, so it matches home. */
.date{margin:.3rem 0 0;font-weight:700;color:var(--muted)}
.seat{margin:.35rem 0 0;font-size:1rem;color:var(--muted)}
.nodem{margin:.5rem 0 0}
.race h3 .dist{color:var(--red)}
.results .status{margin-top:.5rem}
.opp{padding:.15rem 0}
.find{margin:1.1rem 0 0}
.find label{display:block;font-weight:700;color:var(--navy)}
.find input{width:100%;min-height:2.9rem;margin-top:.3rem;padding:.4rem .8rem;font:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:.5rem}
.find input:focus-visible{outline:3px solid var(--bright);outline-offset:2px}
.tally{grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{margin:0;padding:.7rem .9rem;background:#fff;border:1px solid var(--line);border-radius:.6rem;font-weight:700;color:var(--muted)}
.tile b{display:block;font-family:Poppins,"Atkinson Hyperlegible",system-ui,sans-serif;font-size:1.9rem;line-height:1.15;color:var(--ink)}
.tile-d{border:2px solid var(--d);color:var(--navy)}
.tile-d b{color:var(--navy)}
#house .status p{margin:0}
#house .maplink{margin-top:1rem}
.gone{display:none}
@media (min-width:44rem){.tally{grid-template-columns:repeat(4,minmax(0,1fr))}.races{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:62rem){.races{grid-template-columns:repeat(3,minmax(0,1fr))}}