/* Stories (C133, C134). Hero in the site's dark band; reading sections on a light surface. Party: blue and red. */
.st{--st-paper:#FAF8F3;--st-ink:#1B1B1B;--st-mute:#5A564E;--st-line:#E4E0D6;--st-gold:#E3A72F;--st-gold-dk:#8A6110;--st-d:#1F4E9A;--st-r:#B3261E;--st-no:#4A4A4A}
.st section{background:var(--st-paper);color:var(--st-ink);padding-block:28px}
.st section a{color:var(--st-gold-dk)}
.st section h2{margin-top:0}
.st-draft{background:#FFF3CD;color:#5C4400;border-radius:8px;padding:10px 14px;margin:14px 0 0;font-size:.9rem}
.st-hero{padding-block:36px 28px}
.st-hero .bp-kick{color:var(--gold)}
.st-lead{font-size:1.12rem;max-width:720px}
.st-hero > .wrap > p{max-width:720px}
.st-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 6px}
.st-nums div{border-top:4px solid var(--gold);padding-top:10px}
.st-nums b{display:block;font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800;line-height:1}
.st-nums span{display:block;font-size:.88rem;color:var(--muted);margin-top:6px}
.st-nums .st-need{border-top-color:#1B1B1B}
.st-src{font-size:.8rem;color:var(--muted)}
@media (max-width:640px){.st-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}

.st-find{border-bottom:1px solid var(--st-line)}
.st-find-f label{display:block;font-weight:700;margin-bottom:6px}
.st-find-f > div{display:flex;gap:8px;max-width:520px}
.st-find-f input{flex:1;min-width:0;padding:12px 14px;border:1px solid #BDB6A6;border-radius:10px;font:inherit;background:#fff;color:var(--st-ink)}
.st-find-out{margin:10px 0 0;font-size:.95rem}

.st-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.st-card{scroll-snap-align:start;background:#fff;border:1px solid var(--st-line);border-top:4px solid var(--st-gold);border-radius:12px;padding:16px;min-width:0;font-size:.95rem}
.st-card h3{font-size:1.1rem;margin:2px 0 8px}
.st-bill{font-weight:800;margin:0;color:var(--st-gold-dk)}
.st-bill small{font-weight:600;color:var(--st-mute)}
.st-cbo{background:#F4F1EA;border-radius:10px;padding:10px 12px;margin:10px 0}
.st-cbo-h{font-weight:700;margin:0 0 6px;font-size:.88rem}
.st-cbo-h small{font-weight:500;color:var(--st-mute)}
.st-bar{position:relative;margin:0 0 10px}
.st-bar-f{display:block;height:12px;border-radius:6px;background:var(--st-gold)}
.st-bar b{display:block;font-size:1.05rem;margin-top:4px}
.st-bar small{display:block;color:var(--st-mute);line-height:1.35}
.st-cbo-n{font-size:.85rem;color:var(--st-mute);margin:6px 0 0}
.st-cbo-s{font-size:.8rem;margin:6px 0 0}
.st-res{display:grid;grid-template-columns:4.2em 1fr auto;gap:8px;align-items:center;font-size:.85rem;margin-top:6px}
.st-res-b{height:10px;background:#D7D2C6;border-radius:5px;overflow:hidden}
.st-res-y{display:block;height:100%;background:#1B1B1B}

.st-tabs{display:flex;gap:6px;margin:4px 0 12px}
.st-tabs button{font:inherit;font-weight:700;padding:9px 14px;border-radius:999px;border:1px solid #BDB6A6;background:#fff;color:var(--st-ink);cursor:pointer}
.st-tabs button[aria-selected=true]{background:var(--st-ink);color:#fff;border-color:var(--st-ink)}
.st-grid{font-size:.88rem;overflow-x:auto}
.st-gh,.st-row{display:grid;grid-template-columns:minmax(150px,2.4fr) repeat(5,minmax(52px,1fr));gap:4px;align-items:stretch}
.st-gh{font-weight:700;font-size:.78rem;color:var(--st-mute);padding-bottom:6px;border-bottom:2px solid var(--st-ink)}
.st-gh span{text-align:center}.st-gh span:first-child{text-align:left}
.st-row{padding:4px 0;border-bottom:1px solid var(--st-line)}
.st-row.st-me{background:#FFF3CD;border-radius:8px}
.st-who{display:flex;gap:8px;align-items:center;text-align:left;font:inherit;background:none;border:0;padding:4px;color:inherit;cursor:pointer;min-width:0}
.st-name{min-width:0}.st-name b{display:block;line-height:1.25}.st-name small{display:block;color:var(--st-mute);font-size:.76rem;line-height:1.3}
.st-party{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;color:#fff;font-weight:800;font-size:.78rem}
.st-d{background:var(--st-d)}.st-r{background:var(--st-r)}.st-i{background:#5A564E}
.st-key .st-party{width:20px;height:20px;margin:0 2px 0 8px;vertical-align:middle}
.st-v{display:grid;place-items:center;border-radius:6px;font-weight:700;font-size:.78rem;text-align:center;line-height:1.15;padding:6px 2px}
.st-v-y{background:var(--st-gold);color:#1B1B1B}
.st-v-n{background:var(--st-no);color:#fff}
.st-v-x{background:repeating-linear-gradient(45deg,#ECE8DE,#ECE8DE 4px,#fff 4px,#fff 8px);color:var(--st-ink);font-weight:600}
.st-v-v{background:#ECE8DE;color:var(--st-mute);font-weight:600}
.st-v-t{background:none;color:var(--st-ink);font-weight:800}
.st-total{border-bottom:0;border-top:2px solid var(--st-ink)}
.st-said{grid-column:1/-1;min-width:0;overflow-wrap:anywhere;background:#fff;border:1px solid var(--st-line);border-radius:10px;padding:10px 12px;margin:4px 0 6px}
.st-said-h{font-weight:700;margin:0 0 6px}
.st-q{padding:6px 0;border-top:1px solid var(--st-line)}
.st-q b{margin-right:6px}
.st-none{color:var(--st-mute)}
.st-key{font-size:.82rem;color:var(--st-mute);margin-top:10px}
.st-do ol{padding-left:1.2em;max-width:760px}.st-do li{margin-bottom:8px}
.st-do > .wrap > p{max-width:760px}
.st-method details{max-width:760px;font-size:.92rem}
.st-method summary{font-weight:700;cursor:pointer}
@media (max-width:640px){.st-gh,.st-row{grid-template-columns:minmax(0,2.3fr) repeat(5,minmax(0,1fr));gap:3px}.st-v{font-size:.68rem;padding:6px 0}.st-gh{font-size:.68rem}.st-party{width:20px;height:20px}.st-who{gap:5px;padding:4px 2px}.st-name b{font-size:.82rem}.st-tabs button{font-size:.88rem;padding:8px 12px}}
@media (min-width:1000px){.st-cards{grid-auto-columns:minmax(0,1fr);overflow-x:visible}}

/* Story articles (C135, C137, C138): reading column, key figure bars, state cards and the "Where you live" module. */
.st-art .st-body .wrap > *,.st-art .st-figs .wrap > h2{max-width:720px}
.st-body p,.st-body li{font-size:1.04rem}
.st-body h2{margin-top:1.6em}.st-body h3{margin-top:1.4em;font-size:1.15rem}
.st-art .st-body .wrap > .st-scs{max-width:none}
.st-ref{font-size:.68em;line-height:0;color:var(--st-mute);margin-left:1px}
.st-facts{font-size:.88rem;color:var(--st-mute);font-style:italic;border-top:1px solid var(--st-line);padding-top:12px}
.st-art code{font-size:.85em;background:#EFEBE2;border-radius:4px;padding:0 3px;overflow-wrap:anywhere}
.st-body,.st-method{overflow-wrap:anywhere}
.st-chs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.st-ch{margin:0;background:#fff;border:1px solid var(--st-line);border-top:4px solid var(--st-gold);border-radius:12px;padding:16px;min-width:0}
.st-leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.82rem;color:var(--st-mute);margin:6px 0 10px}
.st-sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.st-sw-a,.st-pb-a{background:var(--st-gold)}.st-sw-b,.st-pb-b{background:#4A4A4A}
.st-pr{margin:0 0 12px}.st-pr > p{margin:0 0 4px;font-size:.88rem;line-height:1.35}
.st-pb{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:3px 0}
.st-pb span{display:block;height:12px;border-radius:6px}
.st-pb b{font-size:.88rem;min-width:4.5em;text-align:right}
.st-scs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:14px 0}
.st-sc{background:#fff;border:1px solid var(--st-line);border-radius:12px;padding:14px;font-size:.9rem;min-width:0}
.st-sc h4{margin:0 0 6px;font-size:1.05rem}
.st-sc dl{margin:0}.st-sc dt{font-weight:700;font-size:.78rem;color:var(--st-mute);margin-top:8px}.st-sc dd{margin:2px 0 0}
.st-sc-me{border-top:4px solid var(--st-gold);max-width:720px}
.st-tw{overflow-x:auto;margin:10px 0}
.st-t{border-collapse:collapse;font-size:.85rem;min-width:420px}
.st-t th,.st-t td{border-bottom:1px solid var(--st-line);padding:6px 8px;text-align:left;vertical-align:top}
.st-md{max-width:760px}

.st-local{border-top:4px solid var(--st-gold)}
.st-lo-intro{max-width:720px}
.st-lo{margin-top:18px}
.st-lo h3{margin:22px 0 8px;font-size:1.12rem}
.st-lo > p{max-width:720px}
.st-lo-where{font-weight:700;color:var(--st-gold-dk);margin:0}
/* 2.35.0 (C139, C148): "Where do you stand?" beside the action plan */
.st-stance{margin-top:22px;padding:16px 18px;border:1px solid var(--st-line);border-left:4px solid var(--st-gold);border-radius:10px;max-width:720px}
.st-stance h3{margin:0 0 6px;font-size:1.12rem}
.st-stance p{margin:0 0 12px}
.st-lo-note{font-size:.9rem;color:var(--st-mute)}
.st-lo-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
.st-lo-card{background:#fff;border:1px solid var(--st-line);border-radius:12px;padding:12px 14px;min-width:0}
.st-lo-card > p{margin:0 0 8px;font-weight:700;font-size:.9rem;line-height:1.35}
.st-lb{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;font-size:.84rem;margin:6px 0}
.st-lb-l{grid-column:1/-1;color:var(--st-mute);line-height:1.3}
@media (min-width:700px){.st-lb{grid-template-columns:minmax(0,13em) 1fr auto}.st-lb-l{grid-column:auto}}
.st-lb-t{height:10px;background:#EFEBE2;border-radius:5px;overflow:hidden}
.st-lb-t i{display:block;height:100%;background:#8C8778}
.st-lb-me .st-lb-t i{background:var(--st-gold)}.st-lb-me .st-lb-l{color:var(--st-ink);font-weight:700}
.st-lb b{min-width:4.2em;text-align:right}
.st-status{background:#fff;border-left:4px solid var(--st-gold);border-radius:6px;padding:10px 12px;max-width:720px}
.st-status-none{border-left-color:#BDB6A6}
.st-lad{list-style:none;padding:0;margin:0;max-width:760px;counter-reset:lad}
.st-lad > li{position:relative;padding:10px 0 10px 40px;border-bottom:1px solid var(--st-line);counter-increment:lad}
.st-lad > li::before{content:counter(lad);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:50%;background:var(--st-ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.st-lad p{margin:0 0 6px}
.st-ask{font-weight:600;background:#FFF3CD;border-radius:8px;padding:8px 10px}
.st-lad-n{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.st-lad-n li{background:#fff;border:1px solid var(--st-line);border-radius:999px;padding:4px 10px;font-size:.82rem}
.st-lad-n span{color:var(--st-mute)}
@media (max-width:640px){.st-t{min-width:0}}
/* Every story opens on the black band, like the home and issue pages (Owner, Oct 31, 2026, 2:00 pm): kicker, title, lead,
   numbers and the share bar on #141414 across the full width. Theme 2.99.11 */
.st-hero{background:#141414;color:#F7F2E8;padding-block:44px 34px}
.st-hero h1{color:#F7F2E8}
.st-hero .st-lead,.st-hero > .wrap > p{color:#E9E3D6}
.st-hero .st-nums b{color:#F7F2E8}
.st-hero .st-nums span{color:#CFC8BA}
.st-hero .st-nums .st-need{border-top-color:#F7F2E8}
.st-hero .st-src{color:#A9A296}
.st-hero a{color:#E3A72F}
.st-hero nav.sl-share{background:#000}

/* Tables inside a story body (DeKalb camping law check, Oct 31, 2026): readable on a phone, scrolls sideways only if needed. */
.st-body .st-tbl{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem;display:block;overflow-x:auto}
.st-body .st-tbl th,.st-body .st-tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.st-body .st-tbl th{font-weight:700;color:var(--muted);font-size:.85rem}

/* Owner, Oct 31, 2026, 8:27 pm: the page row ("Page 1 of 3", The story, ...) sat flush against the dark headline band and
   looked like it ran into the header. It now sits in the light area with clear space above it, on every story and page. */
.st-hero + .sl-pager,.st-hero ~ .sl-pager:first-of-type{margin-top:26px;padding-top:4px}

/* Story voices (migration 705a, Owner, Nov 4, 2026): On the record, Weigh in and What people said, on every story page. */
.st-voices h2{margin-top:1.2em}
.st-v-note,.st-v-hint{font-size:.9rem;color:var(--muted);margin:6px 0}
.st-otr-i{margin:16px 0;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;background:var(--card)}
.st-otr-i figcaption{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline}
.st-otr-i figcaption small{flex-basis:100%;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.st-otr-i figcaption span,.st-otr-i time{color:var(--muted);font-size:.92rem}
.st-otr-i blockquote{margin:10px 0 0;white-space:normal}
.st-v-f{display:grid;gap:6px;margin-top:8px;max-width:640px}
.st-v-f textarea,.st-v-f input[type=text]{width:100%;max-width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;box-sizing:border-box;background:var(--card);color:var(--ink)}
.st-v-f label{font-weight:700}
.st-v-f .st-v-ok{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:.95rem}
.st-v-f .btn{justify-self:start;margin-top:6px}
.st-v-count{font-size:.8rem;color:var(--muted);margin:0;min-height:1em}
.st-v-msg{margin:4px 0 0;font-weight:600}
.st-said-l{list-style:none;padding:0;margin:10px 0}
.st-said-l li{padding:12px 0;border-bottom:1px solid var(--line)}
.st-said-l blockquote{margin:0}
.st-said-by{font-size:.88rem;color:var(--muted);margin:6px 0 0}
.st-said-more summary{cursor:pointer;font-weight:700}
.st-voices [hidden]{display:none!important}


/* Share row at the end of every story page and the mission in the story header (Owner, Nov 4, 2026, 12:42 pm) */
.st-pshare{margin:28px 0 8px;padding-top:16px;border-top:1px solid #e3ddd0}
.st-pshare .sl-share{margin:0;flex-wrap:wrap;justify-content:flex-start}
.st-pshare-last p{margin:0 0 8px;font-weight:700}
.sl-mhero{margin:14px 0 0;padding:12px 14px;border-left:3px solid #E3A72F;background:rgba(227,167,47,.08);font-size:.98rem;line-height:1.45;color:#D8D2C6;max-width:70ch}
.sl-mhero b{color:#F6D27A}
.sl-mhero span{color:#F3F1EC;font-weight:600}
@media (max-width:640px){.sl-mhero{font-size:.9rem}}


/* Party colors in every chart (Owner, Nov 4, 2026, 1:31 pm): Democrats blue, Republicans red, everywhere. */
.st-chp .st-sw-a,.st-chp .st-pb-a{background:var(--st-d)}.st-chp .st-sw-b,.st-chp .st-pb-b{background:var(--st-r)}
.st-chp.st-chp-rd .st-sw-a,.st-chp.st-chp-rd .st-pb-a{background:var(--st-r)}.st-chp.st-chp-rd .st-sw-b,.st-chp.st-chp-rd .st-pb-b{background:var(--st-d)}

/* Last updated line on a living story (Nov 6, 2026) */
.st-upd,.st-hero > .wrap > p.st-upd{display:inline-block;background:#FFF6E0;color:#3A2C00;border-left:4px solid var(--gold);border-radius:8px;padding:6px 12px;margin:4px 0 0;font-size:.92rem;font-weight:700}
/* Nov 6, 2026: the last column of a story table (a count or lead) never breaks inside a number ("1,13 / 8" on the Mississippi count watch). */
.st-t td:last-child,.st-t th:last-child{white-space:nowrap}

/* An image under the story hero, only when the story's data file carries 'img' (Nov 6, 2026). */
.st-img{margin:20px 0 6px}.st-img img{display:block;width:100%;max-width:820px;height:auto;border-radius:8px}
.st-img figcaption{max-width:820px;font-size:.88rem;color:var(--muted);margin-top:8px;line-height:1.45}.st-img figcaption span{display:block;font-size:.8rem}