:root{
  --ink:#1c2128;--ink-2:#414b58;--muted:#6b7684;--line:#e4e2dc;--paper:#fbfaf7;--card:#ffffff;
  --for:#0f766e;--for-bg:#e6f4f1;--against:#b45309;--against-bg:#fbeee0;--both:#475569;--both-bg:#e9edf2;--neutral:#6b7684;
  --accent:#1f4e79;--accent-bg:#e8eff7;
  --op:#2f855a;--uc:#d97706;--pr:#2563eb;--bl:#b91c1c;
  --serif:"Source Serif 4",Georgia,serif;--sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --r:12px;--shadow:0 1px 2px rgba(20,25,35,.06),0 6px 20px rgba(20,25,35,.06);
}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;font-size:16.5px}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
/* the skip to content link only: any other element wearing this class gets
   parked off screen, which is how the survey's No thanks button vanished. */
a.skip{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem}a.skip:focus{left:8px;z-index:1300}
h1,h2,h3,.h2{font-family:var(--serif);line-height:1.15;letter-spacing:-.01em;margin:0 0 .6rem}
h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:700}
h2,.h2{font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:600}
h3{font-size:1.15rem;font-weight:600}
p{margin:.55rem 0 .9rem}
.muted{color:var(--muted)}.small{font-size:.9rem}
.kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:600;color:var(--muted);margin:0 0 .5rem}
.lede{font-size:1.18rem;color:var(--ink-2);max-width:46rem}
sup.fn{font-size:.68em;line-height:0;vertical-align:baseline;position:relative;top:-.5em;margin-left:.1em}sup.fn a{padding:0 .15em;color:var(--accent);font-weight:600}
/* header */
.topbar{position:sticky;top:0;z-index:1100;background:rgba(251,250,247,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.brand{font-family:var(--serif);font-weight:700;font-size:1.15rem;color:var(--ink);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.brand i{color:var(--accent)}
.brand.small{font-size:1rem;margin-bottom:.4rem}
.nav{display:flex;gap:.25rem;align-items:center;justify-content:flex-end}
.nav .navlink,.menu-btn{padding:.5rem .8rem;border-radius:8px;color:var(--ink-2);font-weight:600;font-size:.95rem;background:none;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}
.nav .navlink:hover,.menu-btn:hover,.menu.on .menu-btn,.nav .navlink.on{background:#efece5;color:var(--ink);text-decoration:none}
.menu-btn i{font-size:.7rem;color:var(--muted);transition:transform .15s}.menu.open .menu-btn i{transform:rotate(180deg)}
.menu{position:relative}
.menu-panel{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(20,25,35,.14);padding:.4rem;z-index:1110}
.menu.open .menu-panel{display:block}
.menu-panel a{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem .7rem;border-radius:8px;color:var(--ink)}.menu-panel a:hover{background:#f6f4ee;text-decoration:none}
.menu-panel a i{color:var(--accent);width:1.1rem;text-align:center;margin-top:.2rem}.menu-panel a span{display:flex;flex-direction:column;line-height:1.3}.menu-panel a small{color:var(--muted);font-size:.8rem}
.nav a.cta{background:var(--accent);color:#fff;margin-left:.4rem;padding:.5rem .85rem;border-radius:8px;font-weight:600;font-size:.93rem;display:inline-flex;gap:.4rem;align-items:center}.nav a.cta:hover{background:#173c5e;text-decoration:none}
.navtoggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font-size:1.05rem;color:var(--ink)}
@media(max-width:820px){.navtoggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:.5rem 20px 1rem;max-height:calc(100vh - 64px);overflow:auto}body.nav-open .nav{display:flex}
.menu-btn{width:100%;justify-content:space-between}.menu-panel{position:static;display:block;box-shadow:none;border:0;padding:0 0 .4rem .4rem;min-width:0}.menu-panel a{padding:.5rem .6rem}.nav a.cta{margin:.5rem 0 0;justify-content:center}}
/* hero */
.hero{padding:3.6rem 0 2.6rem;background:linear-gradient(180deg,#f2efe8 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.hero h1{max-width:16ch}
.hero-cta{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:600;font-size:.95rem;box-shadow:0 1px 1px rgba(0,0,0,.03)}
.btn:hover{text-decoration:none;border-color:#c9c5bb;background:#fffdf9}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#173c5e}
.btn.ghost{background:transparent}.btn.big{font-size:1.05rem;padding:.8rem 1.3rem}.btn.small{padding:.4rem .7rem;font-size:.85rem}
/* padding-block, not the shorthand: this rule sits after .wrap, and "2.2rem 0" was
   resetting that element's side padding to zero. Every <section class="wrap section">
   was running its text to both edges of a phone. */
.section{padding-block:2.2rem}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}
@media(max-width:800px){.split{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem;box-shadow:var(--shadow)}
.card.agree h3{margin-top:0}.agree-list{padding-left:1.1rem;margin:.4rem 0}.agree-list li{margin:.35rem 0}
.card.band{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#fff,#f1f5f9)}
@media(max-width:800px){.card.band{flex-direction:column;align-items:flex-start}}
.notice{background:var(--accent-bg);border:1px solid #cfdcea;border-radius:10px;padding:.8rem 1rem;font-size:.95rem;margin:1rem 0 1.5rem}
/* sides */
.sides{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
@media(max-width:800px){.sides{grid-template-columns:1fr}}
.side-card{display:block;background:#fff;border:1px solid var(--line);border-top:5px solid var(--both);border-radius:var(--r);padding:1.3rem 1.4rem;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s}
a.side-card:hover{text-decoration:none;transform:translateY(-2px)}
.side-card.against{border-top-color:var(--against)}.side-card.for{border-top-color:var(--for)}
.side-label{font-weight:700;font-family:var(--serif);font-size:1.25rem;display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}
.side-card.against .side-label{color:var(--against)}.side-card.for .side-label{color:var(--for)}
.side-card ol{padding-left:1.3rem;margin:.4rem 0 .8rem}.side-card li{margin:.35rem 0;color:var(--ink-2)}.side-card ol.linked li a{color:var(--ink)}
.side-card .more{font-weight:600;color:var(--accent);font-size:.93rem}
/* news */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.news-grid{grid-template-columns:1fr}}
.news-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}
.news-card h3{font-size:1.05rem}.news-card p{margin:.2rem 0;font-size:.95rem;color:var(--ink-2)}
.news-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.82rem}
.news-foot{font-size:.85rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:auto}
.lean{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.76rem;font-weight:600;letter-spacing:.01em}
.lean-for{background:var(--for-bg);color:var(--for)}.lean-against{background:var(--against-bg);color:var(--against)}.lean-both{background:var(--both-bg);color:var(--both)}.lean-neutral{background:#f1f1ee;color:var(--neutral)}
.tag{display:inline-block;padding:.1rem .5rem;border-radius:6px;background:#f1efe9;color:var(--ink-2);font-size:.76rem;font-weight:500;text-transform:capitalize}
.argtag{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:8px;background:#f1efe9;font-size:.8rem;color:var(--ink-2);margin:.15rem .25rem .15rem 0}
.argtag.lean-for{background:var(--for-bg);color:var(--for)}.argtag.lean-against{background:var(--against-bg);color:var(--against)}.argtag.lean-both{background:var(--both-bg);color:var(--both)}
.argtag em{font-style:normal;font-weight:400;opacity:.85}
.check{background:#fff8e6;border-left:3px solid #e2b33c;padding:.5rem .8rem;border-radius:6px;font-size:.92rem;color:#5b4a13}
.fund{font-size:.92rem;color:var(--ink-2)}
/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:900px){.tiles{grid-template-columns:1fr 1fr}}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;color:var(--ink);display:flex;flex-direction:column;gap:.2rem;box-shadow:var(--shadow)}
.tile:hover{text-decoration:none;border-color:#c9c5bb}.tile i{color:var(--accent);font-size:1.2rem}.tile strong{font-family:var(--serif);font-size:2rem;line-height:1.1}.tile span{color:var(--muted);font-size:.9rem}
/* page with toc */
.page{display:grid;grid-template-columns:250px 1fr;gap:2.5rem;padding:2.2rem 20px}
@media(max-width:900px){.page{grid-template-columns:1fr}.toc{display:none}}
.toc{position:sticky;top:84px;align-self:start;border-left:2px solid var(--line);padding-left:1rem;font-size:.9rem;max-height:calc(100vh - 100px);overflow:auto}
.toc a{display:block;padding:.28rem 0;color:var(--ink-2)}.toc a:hover{color:var(--ink)}.toc-h{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}
.prose{max-width:46rem}.prose.narrow{margin:0 auto}
.prose h2{margin-top:2.2rem;padding-top:.4rem}.prose h3{margin-top:1.4rem}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem;margin:1rem 0}.prose th,.prose td{border-bottom:1px solid var(--line);padding:.55rem .6rem;text-align:left;vertical-align:top}.prose th{background:#f3f1ea}
.prose blockquote{border-left:3px solid var(--line);margin:1rem 0;padding:.2rem 1rem;color:var(--ink-2)}
.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.35rem 0}
.page-head{padding:2.4rem 0 1.2rem}.page-head.compact{padding-bottom:.6rem}
.next-links{display:flex;gap:.7rem;flex-wrap:wrap;margin:2.5rem 0 1rem}
/* points */
.point{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.6rem;margin:1.6rem 0;box-shadow:var(--shadow)}
.point h2{margin-top:0;display:flex;gap:.7rem;align-items:flex-start;font-size:1.45rem}
.pnum{flex:none;width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:.95rem;font-weight:700;color:#fff;background:var(--both);margin-top:.1rem}
.side-against .pnum{background:var(--against)}.side-for .pnum{background:var(--for)}
.plabel{font-family:var(--sans);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1.1rem 0 .2rem;font-weight:700}
.pblock p{margin:.35rem 0 .6rem}
.pb-what-they-will-say-back{background:var(--both-bg);border-radius:10px;padding:.7rem 1rem .3rem;margin-top:1rem}
.side-against .pb-what-they-will-say-back .plabel{color:var(--for)}.side-for .pb-what-they-will-say-back .plabel{color:var(--against)}
.pb-your-comeback{border-left:3px solid var(--both);padding-left:1rem;margin-top:.8rem}
.side-against .pb-your-comeback{border-color:var(--against)}.side-for .pb-your-comeback{border-color:var(--for)}
.pb-say-it-like-this p{font-family:var(--serif);font-size:1.12rem;font-style:italic;color:var(--ink)}
.point-foot{margin-top:1rem;border-top:1px dashed var(--line);padding-top:.6rem}
.side-kicker{color:var(--both)}.side-against .side-kicker{color:var(--against)}.side-for .side-kicker{color:var(--for)}
/* filters */
.filterbar{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0 .6rem}
.filterbar select,.filterbar input{font:inherit;font-size:.93rem;padding:.5rem .7rem;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--line);border-radius:9px;padding:0 .7rem;flex:1;min-width:240px}.search input{border:0!important;flex:1;padding-left:0!important;outline:none}.search i{color:var(--muted)}
.legend{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.legend .count{margin-left:auto}
/* faq */
.faq-group{margin:1.6rem 0}
details.faq{background:#fff;border:1px solid var(--line);border-radius:10px;margin:.5rem 0;overflow:hidden}
details.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-weight:600;font-family:var(--serif);font-size:1.08rem}
details.faq summary::-webkit-details-marker{display:none}details.faq summary i{color:var(--muted);transition:transform .2s}details.faq[open] summary i{transform:rotate(180deg)}
.faq-body{padding:0 1.1rem 1rem}.faq-short{font-size:1.02rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.6rem 0}@media(max-width:700px){.two{grid-template-columns:1fr}}
.pane{border-radius:10px;padding:.7rem .9rem;font-size:.95rem}.pane p{margin:.2rem 0}.pane-h{font-weight:700;font-size:.85rem;margin-bottom:.2rem;display:flex;gap:.4rem;align-items:center}
.pane.for{background:var(--for-bg)}.pane.for .pane-h{color:var(--for)}.pane.against{background:var(--against-bg)}.pane.against .pane-h{color:var(--against)}
/* reports */
.report-list{display:grid;gap:1rem}
.report{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.3rem;box-shadow:var(--shadow)}
.report-top{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.4rem}
.report h3{font-size:1.15rem}.report h3 a{color:var(--ink)}.report .nums{padding-left:1.1rem;margin:.3rem 0 .6rem;font-size:.93rem;color:var(--ink-2)}
.report .args{margin:.4rem 0}
/* sources */
.source-list{display:grid;gap:.9rem;max-width:56rem}
.source{display:grid;grid-template-columns:3rem 1fr;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;scroll-margin-top:90px}
.snum{font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--accent)}
.swho{font-weight:700;margin-bottom:.2rem}.scite{font-size:.93rem;color:var(--ink-2);word-break:break-word}.sbio{margin-top:.6rem;font-size:.95rem}.sbio p{margin:.3rem 0}
/* map */
.map-shell{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - 64px);min-height:560px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:900px){.map-shell{grid-template-columns:1fr;height:auto}#map{height:62vh}.map-side{max-height:40vh}}
.map-side{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff;min-height:0}
.map-filters{padding:.8rem .9rem;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
.map-filters select{font:inherit;font-size:.9rem;padding:.4rem .6rem;border:1px solid var(--line);border-radius:8px}
.statuses{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .6rem;font-size:.86rem}
.st{display:flex;align-items:center;gap:.4rem;cursor:pointer}.st::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--both);flex:none}
.st-operating::before{background:var(--op)}.st-under_construction::before{background:var(--uc)}.st-proposed::before{background:var(--pr)}.st-blocked::before{background:var(--bl)}
.st .cnt{color:var(--muted);margin-left:auto}.chk{font-size:.86rem;display:flex;gap:.4rem;align-items:center}
.map-list{overflow:auto;flex:1;min-height:0}
.mitem{padding:.7rem .9rem;border-bottom:1px solid var(--line);cursor:pointer;font-size:.9rem}.mitem:hover{background:#f6f4ee}
.mitem b{display:block;font-size:.95rem}.mitem .mst{font-size:.78rem;font-weight:600}.mitem .mloc{color:var(--muted)}
.mst-operating{color:var(--op)}.mst-under_construction{color:var(--uc)}.mst-proposed{color:var(--pr)}.mst-blocked{color:var(--bl)}
#map{background:#e9ecef}
.leaflet-popup-content{font:14px/1.45 var(--sans);min-width:220px}.leaflet-popup-content h4{margin:0 0 .3rem;font-family:var(--serif);font-size:1.05rem}.leaflet-popup-content p{margin:.25rem 0}
.mk{width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.mk-operating{background:var(--op)}.mk-under_construction{background:var(--uc)}.mk-proposed{background:var(--pr)}.mk-blocked{background:var(--bl)}
.mk-osm{width:9px;height:9px;opacity:.85}
/* metrics */
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr}}
.metric{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;scroll-margin-top:90px}
.mval{font-family:var(--serif);font-size:1.7rem;font-weight:700;color:var(--accent);line-height:1.15}.mlabel{font-weight:600;margin:.2rem 0}.mdetail{font-size:.93rem;color:var(--ink-2);margin:.2rem 0 .4rem}.msrc{color:var(--muted)}
.mhist summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.mhist ul{font-size:.88rem;padding-left:1.1rem;margin:.3rem 0}
.changelog{padding-left:1.1rem}.changelog li{margin:.4rem 0}
/* updates */
.day{margin:1.6rem 0}.dayhead{font-size:1.2rem;border-bottom:2px solid var(--line);padding-bottom:.3rem;margin-bottom:.6rem}
.update{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem;margin:.6rem 0}
.update h3{font-size:1.1rem}.update h3 a{color:var(--ink)}.update p{margin:.3rem 0}
.contents{padding-left:1.2rem}.contents li{margin:.35rem 0}
/* footer */
.footer{margin-top:3rem;border-top:1px solid var(--line);background:#f3f1ea;padding:2.4rem 0 1.5rem;font-size:.92rem}
.grid3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}@media(max-width:800px){.grid3{grid-template-columns:1fr}}
.footer a{display:block;color:var(--ink-2);padding:.15rem 0}.foot-h{font-weight:700;margin-bottom:.4rem}
.foot-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.8rem;font-size:.82rem}

/* argument update tracking */
.upd{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;color:var(--muted);background:#f1efe9;border-radius:999px;padding:.1rem .5rem;margin-left:.3rem;white-space:nowrap;vertical-align:middle}
.upd.upd-new{background:var(--accent-bg);color:var(--accent)}
.upd-line{font-size:.88rem;color:var(--muted);margin:.2rem 0 .8rem}
.since{margin-top:1.2rem;border-top:1px dashed var(--line);padding-top:.6rem}
.since ul{list-style:none;padding:0;margin:.3rem 0 .6rem}.since li{margin:.4rem 0;font-size:.93rem;line-height:1.5}

/* poll */
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2.5rem;align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}}
.poll{padding:1.2rem 1.3rem}
.poll-h{font-family:var(--serif);font-weight:700;font-size:1.25rem;display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem}.poll-h.small{font-size:1.05rem;margin-top:.2rem}.poll-h i{color:var(--accent)}
.poll-sub{color:var(--ink-2);font-size:.93rem;margin:.2rem 0 .8rem}
.poll-opts{display:grid;gap:.5rem}
.poll-btn{font:inherit;font-weight:600;text-align:left;padding:.7rem .9rem;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.poll-btn:hover{border-color:#c9c5bb;background:#fffdf9}
.poll-btn.poll-for{border-left:5px solid var(--for)}.poll-btn.poll-against{border-left:5px solid var(--against)}.poll-btn.poll-undecided{border-left:5px solid var(--both)}
.poll-topics{display:grid;gap:.3rem;max-height:300px;overflow:auto;padding-right:.3rem}
.poll-topic{display:flex;gap:.5rem;align-items:center;font-size:.93rem;padding:.35rem .5rem;border-radius:8px;cursor:pointer}.poll-topic:hover{background:#f6f4ee}
.poll-actions{display:flex;gap:.5rem;align-items:center;margin-top:.8rem}
.poll-bar{display:grid;grid-template-columns:minmax(120px,1fr) 2fr auto;gap:.6rem;align-items:center;font-size:.9rem;margin:.3rem 0}
.poll-bar-l{color:var(--ink-2)}.poll-bar-t{background:#eeece6;border-radius:999px;height:12px;overflow:hidden}.poll-bar-f{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .5s}
.poll-bar-f.poll-for{background:var(--for)}.poll-bar-f.poll-against{background:var(--against)}.poll-bar-f.poll-undecided{background:var(--both)}
.poll-bar-n{font-variant-numeric:tabular-nums;color:var(--muted);min-width:3.5rem;text-align:right}
.poll-deeper{margin-top:.9rem;padding-top:.8rem;border-top:1px dashed var(--line)}.poll-deeper p{font-size:.95rem}.poll-deeper .btn{margin:.2rem .2rem .2rem 0}
.poll-results .two{margin-top:1rem}.poll-results .pane .poll-bar{grid-template-columns:minmax(100px,1fr) 1.4fr auto}

/* poll quiz */
.poll-progress{height:6px;background:#eeece6;border-radius:999px;overflow:hidden;margin:.2rem 0 .9rem}.poll-progress span{display:block;height:100%;background:var(--accent);transition:width .3s}
.poll-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:stretch}
@media(max-width:480px){.poll-pair{grid-template-columns:1fr}.poll-or{text-align:center}}
.poll-choice{font:inherit;font-weight:600;font-size:1rem;line-height:1.35;padding:1.1rem .9rem;min-height:5.5rem;border-radius:12px;border:2px solid var(--line);background:#fff;cursor:pointer;color:var(--ink);text-align:center}
.poll-choice:hover{border-color:var(--accent);background:var(--accent-bg)}
.poll-or{align-self:center;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}
.poll-rank{list-style:none;padding:0;margin:.4rem 0 .6rem}.poll-rank li{display:grid;grid-template-columns:1.6rem 1fr auto;gap:.5rem;align-items:center;padding:.35rem .4rem;border-bottom:1px solid var(--line);font-size:.93rem}
.poll-rank.static li{grid-template-columns:1.6rem minmax(120px,1fr) 2fr auto}
.poll-rank-n{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}
.poll-rank-btns button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:6px;padding:.1rem .4rem;cursor:pointer;color:var(--ink-2);margin-left:.2rem}.poll-rank-btns button:disabled{opacity:.3;cursor:default}
.poll .poll-topics{display:none}

/* quiz result cards + arrival highlight */
.poll-card{border:2px solid var(--line);border-radius:12px;padding:.9rem 1rem;margin:.6rem 0}
.poll-card-for{border-color:var(--for);background:linear-gradient(180deg,#fff,var(--for-bg))}.poll-card-against{border-color:var(--against);background:linear-gradient(180deg,#fff,var(--against-bg))}
.poll-card-k{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:700}
.poll-card-t{font-family:var(--serif);font-weight:700;font-size:1.15rem;margin:.1rem 0 .3rem}
.poll-card-side{font-weight:700;font-size:.9rem;display:flex;gap:.4rem;align-items:center;margin-bottom:.3rem}.poll-card-for .poll-card-side{color:var(--for)}.poll-card-against .poll-card-side{color:var(--against)}
.poll-card-p{font-size:.95rem;line-height:1.55;margin:.2rem 0 .6rem}
.poll-card-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin:.5rem 0 .3rem}
.poll-deeper-links{margin:.3rem 0 0;color:var(--ink-2)}
.poll-more{margin-top:.6rem;font-size:.92rem}.poll-more summary{cursor:pointer;color:var(--accent);font-weight:600}
.point{scroll-margin-top:84px}
.point.flash{animation:flash 2.4s ease-out 1;box-shadow:0 0 0 3px var(--accent)}
@keyframes flash{0%{box-shadow:0 0 0 6px var(--accent);background:#fff8e6}100%{box-shadow:0 0 0 3px var(--accent);background:#fff}}

.poll-count{margin:.4rem 0}.poll-count-n{font-family:var(--serif);font-size:2.2rem;font-weight:700;color:var(--accent);line-height:1}.poll-count.big .poll-count-n{font-size:3.4rem}.poll-count-l{color:var(--ink-2);margin:.2rem 0 .5rem}

.steps li{margin:.6rem 0}.tracker-list{list-style:none;padding:0;margin:.4rem 0}.tracker-list li{display:flex;flex-direction:column;gap:.1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.tracker-list a{font-weight:600}
.origin-case h3{margin-top:.3rem}

/* privacy banner */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(20,25,35,.18);padding:.9rem 1rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;font-size:.92rem}
.consent-t{color:var(--ink-2)}.consent-b{display:flex;gap:.5rem;flex:none}
@media(max-width:700px){.consent{flex-direction:column;align-items:stretch}.consent-b{justify-content:flex-end}}

.contact-form{display:grid;gap:.7rem;max-width:40rem}.contact-form label{display:grid;gap:.25rem;font-weight:600;font-size:.92rem}
.contact-form input,.contact-form select,.contact-form textarea{font:inherit;padding:.55rem .7rem;border:1px solid var(--line);border-radius:9px;background:#fff}
.contact-form .hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}

/* pros and cons page */
.hero.small{padding:2.4rem 0 1.8rem}
.tabs{display:flex;gap:.5rem;margin:1.6rem 0 0;flex-wrap:wrap}
.tab{flex:1 1 200px;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;font:inherit;font-weight:700;font-size:1rem;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;cursor:pointer;text-align:left}
.tab small{font-weight:500;font-size:.8rem;color:var(--muted)}
.tab i{color:var(--accent);margin-bottom:.15rem}
.tab:hover{background:#f6f4ee}
.tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}.tab.on small,.tab.on i{color:#e8eef5}
.tabpanel{padding:1.6rem 0 0}.tabpanel.off{display:none}
.framing{max-width:62rem;font-size:1.02rem}
.pcgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:1rem}
@media(max-width:860px){.pcgrid{grid-template-columns:1fr}}
.pccol-h{font-weight:800;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;display:flex;gap:.45rem;align-items:center;margin:0 0 .7rem .15rem}
.pccol-h.pro{color:var(--for)}.pccol-h.con{color:var(--against)}
.pccard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1.05rem;margin-bottom:.8rem}
.pccard h3{font-size:1.02rem;margin:0 0 .3rem}
.pctext p{margin:.3rem 0;font-size:.95rem;color:var(--ink-2)}
.pcbottom{background:#f2efe8;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;margin-top:1.4rem}
.pcbottom p{margin:.35rem 0}
.pcfoot{margin-top:1.6rem}
/* padding-block again: as a shorthand this reset the side padding .wrap had set, and
   every <div class="wrap page-narrow"> page ran its text to both edges on a phone. */
.page-narrow{max-width:50rem;margin:0 auto;padding-block:1.6rem 2rem}
.footer p a,.footer span a{display:inline;padding:0;text-decoration:underline}
.poll-hide{float:right;background:none;border:0;font:inherit;font-size:1.25rem;line-height:1;color:var(--muted);cursor:pointer;padding:0 .15rem}.poll-hide:hover{color:var(--ink)}

/* Support: secondary CTA in the nav, plus the support page */
.nav a.cta.give{background:transparent;color:var(--accent);border:1.5px solid var(--accent);margin-left:.5rem}
.nav a.cta.give:hover,.nav a.cta.give.on{background:var(--accent-bg);color:var(--accent);text-decoration:none}
.give-card{border-left:4px solid var(--for);background:var(--for-bg);margin:1.4rem 0}
.give-card .h2{margin-top:0}
.give-pledge{font-weight:600;font-size:1.06rem;color:var(--ink)}
.give-cta{text-align:center;margin:1.6rem 0;padding:1.2rem;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.give-cta .btn{margin-bottom:.6rem}
@media(max-width:820px){.nav a.cta.give{margin:.5rem 0 0}}

/* Leaflet defaults its controls to z-index 1000 and used to paint over the sticky header.
   leaflet.min.css loads after this file, so these need the extra specificity to win. */
#map .leaflet-top,#map .leaflet-bottom{z-index:900}
#map .leaflet-popup{z-index:920}

/* ---------- sitewide search (overlay above the sticky topbar, below the skip link) ---------- */
.navicon{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;font:inherit;cursor:pointer;color:var(--ink-2)}
.navicon:hover{color:var(--accent)}
.navicon-t{display:none}
body.search-on{overflow:hidden}
.searchbox{position:fixed;inset:0;z-index:1250;background:rgba(20,25,35,.42);backdrop-filter:blur(3px);padding:6vh 16px 16px;overflow-y:auto}
.search-panel{max-width:46rem;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 60px rgba(20,25,35,.28);padding:1rem}
.search-bar{display:flex;align-items:center;gap:.6rem}
.search-bar i{color:var(--muted)}
.search-bar input{flex:1;font:inherit;font-size:1.05rem;padding:.6rem .2rem;border:0;border-bottom:2px solid var(--line);background:none;color:var(--ink)}
.search-bar input:focus{outline:none;border-bottom-color:var(--accent)}
#search-note{margin:.6rem 0 0}
.search-results{list-style:none;padding:0;margin:.6rem 0 0;max-height:62vh;overflow-y:auto}
.search-results li{margin:0;border-top:1px solid var(--line)}
.search-results a{display:block;padding:.6rem .4rem;text-decoration:none;color:var(--ink);border-radius:8px}
.search-results a:hover,.search-results a.on{background:var(--accent-bg)}
.sr-k{display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.15rem}
.sr-t{display:block;font-weight:600;line-height:1.35}
.sr-x{display:block;font-size:.9rem;color:var(--ink-2);margin-top:.15rem}
.search-results mark{background:#fdf0c8;color:inherit;padding:0 .1em;border-radius:2px}
@media (max-width:760px){.searchbox{padding-top:2vh}.search-results{max-height:none}}

/* ---------- corrections record ---------- */
.corrections{list-style:none;padding:0;margin:1.4rem 0;max-width:46rem}
.cor{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:var(--r);padding:.9rem 1rem;margin:.7rem 0;box-shadow:var(--shadow)}
.cor[data-sev="serious"]{border-left-color:var(--bl)}
.cor[data-sev="notable"]{border-left-color:var(--uc)}
.cor[data-sev="minor"]{border-left-color:var(--muted)}
.cor-head{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-bottom:.5rem}
.cor-head .pill{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:.12rem .5rem;border-radius:999px}
.sev-serious{background:#fbe9e7;color:var(--bl)}
.sev-notable{background:var(--against-bg);color:var(--against)}
.sev-minor{background:var(--both-bg);color:var(--both)}
.cor-body p{margin:.4rem 0}
.cor-was{color:var(--ink-2)}
.cor-now strong{color:var(--for)}
.cor-how{border-top:1px dashed var(--line);padding-top:.45rem;margin-top:.55rem}
/* Search sits outside the collapsing nav so it stays reachable on a phone. */
.topbar .navicon{order:2;margin-left:auto;padding:.4rem .5rem}
@media (min-width:861px){.topbar .navicon{order:0;margin-left:0}}
@media (max-width:860px){.topbar .navtoggle{margin-left:.2rem}}

/* ---------- funding markers at the point of use ---------- */
/* Independent sources deliberately carry no marker: a marker means "look harder". */
.fmark{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;padding:.05rem .32rem;border-radius:999px;margin-left:.22rem;vertical-align:.08em;white-space:nowrap;cursor:help}
.f-commissioned{background:#fbe9e7;color:var(--bl)}
.f-self-interested{background:var(--against-bg);color:var(--against)}
.f-undisclosed{background:var(--both-bg);color:var(--both)}
.sbadges{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center;margin-bottom:.4rem}
.fb{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .45rem;border-radius:999px;background:var(--both-bg);color:var(--both)}
.t-industry,.t-utility{background:var(--against-bg);color:var(--against)}
.t-government,.t-academic{background:var(--accent-bg);color:var(--accent)}
.t-news{background:#eef2ea;color:#4a5d3a}
.t-foundation,.t-advocacy{background:#f3eaf6;color:#6b3f86}
.t-undisclosed,.i-undisclosed{background:#f0eee9;color:var(--muted)}
.i-commissioned{background:#fbe9e7;color:var(--bl)}
.i-self-interested{background:var(--against-bg);color:var(--against)}
.i-independent{background:var(--for-bg);color:var(--for)}
.fb-who{font-size:.78rem;color:var(--muted)}
.sconflict{font-size:.86rem;color:var(--bl);background:#fdf4f2;border-left:3px solid var(--bl);padding:.35rem .6rem;border-radius:0 6px 6px 0;margin:.35rem 0}
.snote{font-size:.86rem;color:var(--for);background:var(--for-bg);border-left:3px solid var(--for);padding:.35rem .6rem;border-radius:0 6px 6px 0;margin:.35rem 0}


/* ---- donation amounts, and the suggestion prompt ---------------------------------- */
.give-block{border:1px solid var(--line,#e2e0da);border-radius:10px;padding:18px 20px;margin:22px 0;background:#fff}
.give-block p{margin:0 0 12px}
.give-tiers{display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.give-tiers .amt{min-width:66px;padding:11px 16px;border:1px solid var(--line,#d9d7d0);border-radius:8px;
  background:#fff;font:inherit;font-weight:700;font-size:1.02rem;color:inherit;text-decoration:none;
  text-align:center;transition:border-color .12s,box-shadow .12s}
.give-tiers .amt:hover{border-color:#1f4e79;box-shadow:inset 0 0 0 1px #1f4e79}
.give-tiers .other{font-weight:400;font-size:.92rem;min-width:0;padding:11px 12px}
.give-note{font-size:.84rem;color:#5d5a53;margin:11px 0 0}
/* Asked on the way out, so it has to be seen: a corner card in the bottom right is
   looked straight past, and this one had no way to close it either. */
#sugg{position:fixed;inset:0;background:rgba(12,22,32,.66);z-index:400;display:none;
  align-items:center;justify-content:center;padding:18px;overflow-y:auto}
#sugg.on{display:flex}
#sugg .panel{position:relative;background:#fff;border-radius:16px;max-width:520px;width:100%;
  padding:32px 34px 26px;box-shadow:0 26px 70px rgba(0,0,0,.4);outline:none}
#sugg h3{margin:0 0 10px;font-size:1.5rem;line-height:1.22}
#sugg p{margin:0 0 16px;font-size:1rem;line-height:1.55;color:#4d4a44}
#sugg textarea{width:100%;min-height:104px;padding:12px 13px;border:1px solid var(--line,#d9d7d0);
  border-radius:9px;font:inherit;font-size:1rem;resize:vertical}
#sugg .row{display:flex;gap:12px;margin-top:14px;align-items:center}
#sugg .row .btn{padding:12px 22px;font-size:1rem}
#sugg .sugg-skip{background:none;border:0;color:#6b6760;font:inherit;font-size:.95rem;cursor:pointer;
  text-decoration:underline;padding:6px 2px}
#sugg .sugg-skip:hover{color:#1f4e79}
#sugg .done{font-size:1rem;color:#1f4e79;margin:0}
/* the last ask, deliberately quiet: they are leaving, not shopping */
.sugg-give{font-size:.9rem!important;color:#77736c!important;margin:20px 0 0!important;
  border-top:1px solid var(--line,#e8e6e0);padding-top:14px}
.sugg-give a{color:#1f4e79;font-weight:700;text-decoration:underline}
.sugg-x{position:absolute;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;
  background:none;color:#8a857d;font-size:1.12rem;cursor:pointer;line-height:1}
.sugg-x:hover{background:#f1efe9;color:#2b2823}
@media (max-width:560px){
  #sugg{padding:14px}
  #sugg .panel{padding:26px 20px 20px}
  #sugg h3{font-size:1.28rem}
  #sugg .row{flex-wrap:wrap}
}


/* The amount row on /support/. The styling used to live only under #gate and
   .give-hero, so on the support page the buttons rendered as bare text links. */
.give-amts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;justify-content:center}
.give-amts .amt{flex:1 1 0;min-width:88px;padding:17px 10px;border:0;border-radius:10px;
  background:#ffc94d;color:#1a1a18;font-weight:800;font-size:1.3rem;text-align:center;
  text-decoration:none;box-shadow:0 3px 0 #d9a52e;transition:transform .08s,box-shadow .08s}
.give-amts .amt:hover{transform:translateY(-2px);box-shadow:0 5px 0 #d9a52e;color:#1a1a18}
.give-cta .btn.big{display:inline-block;background:none;border:0;color:#1f4e79;font-weight:700;
  font-size:.98rem;text-decoration:underline;padding:10px;box-shadow:none}
.give-cta .btn.big:hover{color:#123a5e;background:none}

/* ---- the support ask: loud on purpose ------------------------------------------- */
.give-hero{background:linear-gradient(180deg,#1f4e79 0%,#17395a 100%);color:#fff;border-radius:14px;
  padding:26px 28px 24px;margin:26px 0 8px;box-shadow:0 8px 28px rgba(31,78,121,.22)}
.give-hero h2{color:#fff;margin:0 0 8px;font-size:1.5rem;line-height:1.2}
.give-hero p{color:#dce8f3;margin:0 0 18px;font-size:1rem;line-height:1.5}
.give-hero p strong{color:#fff}
.give-hero .amts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.give-hero .amt{flex:1 1 0;min-width:78px;padding:16px 10px;border-radius:10px;border:0;
  background:#ffc94d;color:#1a1a18;font:inherit;font-weight:800;font-size:1.28rem;text-align:center;
  text-decoration:none;box-shadow:0 3px 0 #d9a52e;transition:transform .08s,box-shadow .08s}
.give-hero .amt:hover{transform:translateY(-2px);box-shadow:0 5px 0 #d9a52e;color:#1a1a18}
.give-hero .big-give.alt{background:none;color:#fff;box-shadow:none;font-size:.98rem;
  font-weight:700;text-decoration:underline;padding:10px}
.give-hero .big-give.alt:hover{transform:none;box-shadow:none;color:#ffc94d}
.give-hero .big-give{display:block;width:100%;text-align:center;padding:18px 22px;border-radius:11px;
  background:#ffc94d;color:#1a1a18;font-weight:800;font-size:1.22rem;text-decoration:none;border:0;
  box-shadow:0 4px 0 #d9a52e;transition:transform .08s,box-shadow .08s}
.give-hero .big-give:hover{transform:translateY(-2px);box-shadow:0 6px 0 #d9a52e}
.give-hero .fine{font-size:.85rem;color:#b9cfe4;margin:13px 0 0}
.give-hero .fine a{color:#fff;text-decoration:underline}




/* ---- the handbook offer page ------------------------------------------------------- */
.offer-hero{background:linear-gradient(165deg,#1f4e79 0%,#16334f 100%);color:#fff;padding:48px 0 54px;margin-bottom:34px}
.offer-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.offer-eyebrow{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
  padding:7px 13px;border-radius:999px;margin:0 0 18px}
.offer-copy h1{color:#fff;font-size:2.7rem;line-height:1.1;margin:0 0 16px;letter-spacing:-.015em}
.offer-sub{color:#cfe0ee;font-size:1.1rem;line-height:1.55;margin:0 0 24px;max-width:33em}
.offer-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.offer-bullets li{position:relative;padding-left:32px;color:#e4eef7;line-height:1.5;font-size:1rem}
.offer-bullets li strong{color:#fff}
.offer-bullets i{position:absolute;left:0;top:4px;color:#8fd19e;font-size:.95rem}

.offer-card{background:#fff;border-radius:16px;padding:26px 26px 22px;text-align:center;
  box-shadow:0 20px 48px rgba(6,20,34,.3)}
.offer-shot{margin:0 0 20px}
.offer-shot img{width:100%;max-width:330px;height:auto;display:block;margin:0 auto}
.btn-get{display:block;background:#ffc94d;color:#1a1a18;font-weight:800;font-size:1.16rem;
  padding:18px 20px;border-radius:11px;text-decoration:none;box-shadow:0 4px 0 #d9a52e;
  transition:transform .08s,box-shadow .08s}
.btn-get:hover{transform:translateY(-2px);box-shadow:0 6px 0 #d9a52e;color:#1a1a18}
.offer-micro{font-size:.92rem;color:#3f3c37;margin:13px 0 0;font-weight:600}
.offer-meta{font-size:.82rem;color:#7a766e;margin:5px 0 0}

/* share row */
.share-block{border-top:1px solid var(--line,#e2e0da);border-bottom:1px solid var(--line,#e2e0da);
  padding:20px 0;margin:26px 0}
.share-lead{margin:0 0 11px;font-size:.95rem}
.share-row{display:flex;flex-wrap:wrap;gap:7px}
.sh{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:7px;
  border:1px solid var(--line,#d9d7d0);background:#fff;color:#2b2823;font:inherit;font-size:.83rem;
  font-weight:600;text-decoration:none;cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.sh i{font-size:.88rem}
.sh:hover{background:#1f4e79;border-color:#1f4e79;color:#fff}
.sh.copied{background:#1f7a4d;border-color:#1f7a4d;color:#fff}

.hb-compiled{font-size:.84rem;line-height:1.5;color:#77736c;margin:26px 0 0}

@media (max-width:900px){
  .offer-hero{padding:32px 0 36px;margin-bottom:26px}
  .offer-grid{grid-template-columns:1fr;gap:28px}
  .offer-copy h1{font-size:2rem}
  .offer-sub{font-size:1.02rem}
  .offer-card{padding:20px 18px 18px}
  .offer-shot img{max-width:250px}
}

/* ---- the support gate, shown before every download -------------------------------- */
#gate{position:fixed;inset:0;background:rgba(12,22,32,.66);z-index:500;display:none;
  align-items:center;justify-content:center;padding:18px;overflow-y:auto}
#gate.on{display:flex}
#gate .panel{outline:none;background:#fff;border-radius:16px;max-width:470px;width:100%;padding:30px 30px 24px;
  box-shadow:0 26px 70px rgba(0,0,0,.4);text-align:center}
.gate-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#1f4e79;margin:0 0 8px}
#gate h2{margin:0 0 10px;font-size:1.46rem;line-height:1.2}
#gate .lede2{color:#4d4a44;margin:0 0 22px;line-height:1.55;font-size:.98rem}
#gate .amts{display:flex;gap:10px;margin:0 0 11px}
/* The amounts are the point of the dialog, so they carry the color. An outlined row
   that matched the secondary link gave the eye nothing to land on. */
#gate .amt{flex:1;padding:17px 6px;border:0;border-radius:10px;background:#ffc94d;color:#1a1a18;
  font-weight:800;font-size:1.26rem;text-decoration:none;box-shadow:0 3px 0 #d9a52e;
  transition:transform .08s,box-shadow .08s}
#gate .amt:hover,#gate .amt:focus{transform:translateY(-2px);box-shadow:0 5px 0 #d9a52e;
  color:#1a1a18;outline:none}
#gate .big-give{display:block;padding:18px;border-radius:11px;background:#ffc94d;color:#1a1a18;
  font-weight:800;font-size:1.16rem;text-decoration:none;box-shadow:0 4px 0 #d9a52e}
#gate .big-give:hover{transform:translateY(-2px);box-shadow:0 6px 0 #d9a52e;color:#1a1a18}
/* second choice, so it reads as one: a link, not a rival button */
#gate .big-give.alt{background:none;color:#1f4e79;border:0;box-shadow:none;font-size:.98rem;
  font-weight:700;padding:11px;text-decoration:underline}
#gate .big-give.alt:hover{color:#123a5e;transform:none;box-shadow:none}
/* The panel focuses its first button so keyboard and screen reader users land inside the
   dialog. On a phone that focus is caused by a tap, and the ring reads as a stray blue
   halo, so it only shows for people actually navigating by keyboard. */
#gate a:focus:not(:focus-visible){outline:none;box-shadow:0 4px 0 #d9a52e}
#gate .amt:focus:not(:focus-visible){background:transparent;color:#1f4e79;box-shadow:none}
/* The download has to look like a real option, not a way out. A faint underlined link
   under a big yellow button reads as "the thing you are not supposed to click", and the
   handbook being free is the whole promise of the page. So: a proper button, clearly
   clickable, visually quieter than the support buttons but unmistakably available. */
.gate-skip{display:block;margin-top:14px;padding:15px 18px;border-radius:11px;
  border:2px solid #1f4e79;background:#fff;color:#1f4e79;font-weight:700;font-size:1.02rem;
  text-align:center;text-decoration:none;transition:background .12s,color .12s}
.gate-skip:hover{background:#1f4e79;color:#fff}
.gate-skip .dl-ico{margin-right:7px}
.gate-micro{font-size:.82rem;color:#8a857d;margin:12px 0 0}
@media (max-width:560px){
  #gate .panel{padding:24px 20px 20px}
  #gate h2{font-size:1.26rem}
  #gate .amt{font-size:1.1rem;padding:15px 4px}
}


/* ---- touch targets ---------------------------------------------------------------
   Checked by deploy/dcd-mobile-check, which walks every page at 390px and fails on a
   control under 40px. These were 26 to 38px, small enough to miss with a thumb. */
@media (max-width:760px){
  /* 20px is the desktop gutter and reads cramped next to phone sized headings */
  .wrap{padding-left:24px;padding-right:24px}
  .navtoggle,#search-open,.nav .navlink,.menu-btn{min-height:44px;display:inline-flex;
    align-items:center;justify-content:center}
  #search-open{min-width:44px}
  .consent-b .btn.small{min-height:44px;padding-top:0;padding-bottom:0;display:inline-flex;
    align-items:center}
  .section-head a,.section-head .more{min-height:44px;display:inline-flex;align-items:center}
  input[type="search"],input[type="text"],select{min-height:44px}
  /* the quiet way out of either dialog still has to be hittable with a thumb */
  .gate-skip,#sugg .sugg-skip{min-height:44px;display:inline-flex;align-items:center;
    justify-content:center;padding-left:10px;padding-right:10px}
  .sugg-x{width:44px;height:44px}
}


/* ---- poll: three questions, one tap each ------------------------------------------
   Replaces the pairwise sorter, which took about fifteen taps and finished by one
   visitor in 306. Options are full width targets so a thumb cannot miss. */
.poll-step{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:#8a857d;
  font-weight:700;margin:0 0 6px}
.poll-q{font-size:1.1rem;line-height:1.35;font-weight:600;margin:0 0 14px;color:#2b2823}
.poll-opts .poll-btn{display:block;width:100%;text-align:left;margin:0 0 8px;padding:13px 15px;
  border:1px solid var(--line,#d9d7d0);border-radius:9px;background:#fff;color:#2b2823;
  font:inherit;font-size:1rem;cursor:pointer;transition:border-color .12s,background .12s}
.poll-opts .poll-btn:hover{border-color:#1f4e79;background:#f4f8fc;color:#1f4e79}
.poll-sides{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.poll-sides .btn{flex:0 0 auto}

/* state pages */
.proj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media(max-width:760px){.proj-grid{grid-template-columns:1fr}}
.proj{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.1rem;box-shadow:var(--shadow);min-width:0;overflow-wrap:anywhere}
.proj h3{margin:.15rem 0 .2rem;font-size:1.08rem;line-height:1.3}
.proj p{margin:.35rem 0}
.proj-status{font-weight:700;font-size:.85rem;margin:0}
.proj-loc{color:var(--ink-2);font-size:.92rem}
.proj-facts{color:var(--muted);font-size:.9rem}
.county-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem 1.2rem}
@media(max-width:900px){.county-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.county-list{grid-template-columns:1fr}}
.county-list li{padding:.45rem 0;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
@media(max-width:900px){.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.state-grid{grid-template-columns:1fr}}
.state-card{display:flex;flex-direction:column;gap:.15rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:.8rem .95rem;color:var(--ink);min-height:44px}
a.state-card:hover{border-color:var(--accent);text-decoration:none}
.state-card.nolink{background:transparent;box-shadow:none;color:var(--muted)}

/* moratorium page */
.mmap{height:460px;border-radius:var(--r);border:1px solid var(--line);margin:.6rem 0}
@media(max-width:560px){.mmap{height:340px}}
.mlist{list-style:none;padding:0;margin:.8rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1.2rem}
@media(max-width:760px){.mlist{grid-template-columns:1fr}}
.mlist li{padding:.5rem 0;border-bottom:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
.mgroup{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:.2rem 1rem;margin:.6rem 0}
.mgroup>summary{cursor:pointer;padding:.7rem 0;min-height:44px;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.mgroup .update{box-shadow:none}
.mgroup>summary a{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem}

/* shirt promo card: homepage and support page */
div.shirt-card{gap:1.4rem}
.shirt-card img{width:130px;height:auto;border-radius:8px;display:block}
.shirt-card > a:first-child{flex:none}
.shirt-card .btn{flex:none}
div.shirt-card .h2{margin-top:0}
div.shirt-card p{margin:.3rem 0 0}
@media(max-width:800px){.shirt-card img{width:110px}}