/* site.css — the page. base.css (structure, the spacing scale) + brand.css (tokens, type) + the shell Sean approved 2026-10-21 ("I approved C"):
   the lead card, and the table, the questions, the contents and the sources on pale-blue panels.
   The price card is the Band card (site.json "card": "band"; "stats" and "typical" stay as variations in build.py answer()). */
@import url("base.css");@import url("brand.css");
/* the price card: a tinted band for what and where, a white body with the range, the slider and the method link */
.answer{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:0;overflow:hidden}.answer-head{background:var(--tint);padding:var(--s3);margin:0}.answer-body{padding:var(--s3)}
.insights{border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:var(--s3) var(--s3) var(--s3) var(--s4)}
.verified{border:1px solid var(--line);border-radius:var(--radius)}.button{border-radius:var(--radius)}
.fold{border:0;background:var(--tint);border-radius:var(--radius);padding:0 var(--s3)}
.provenance{background:var(--tint);border-radius:var(--radius);padding:var(--s2) var(--s3);border-left:0}
details:not(.fold){border:0;background:var(--tint);border-radius:var(--radius);padding:var(--s2) var(--s3);margin:0 0 var(--s1)}details:not(.fold):last-of-type{border:0}
.contents details{border:0;background:var(--tint);border-radius:var(--radius);padding:var(--s2) var(--s3)}
.footer{border-top:0;background:var(--tint)}
@media(min-width:900px){.city-head-inner{max-width:calc(var(--measure) + var(--rail) + var(--s7));margin:auto}.city-head-inner>*{max-width:var(--measure)}.answer-head,.answer-body{padding:var(--s4) var(--s5)}.rule{max-width:560px}.city-grid{grid-template-columns:minmax(0,var(--measure)) var(--rail);justify-content:center}}
