*{box-sizing:border-box}
:root{
 --ruby:#b01957;--ruby-dark:#85113f;--ruby-soft:#fff0f5;--rose:#d46a93;
 --ink:#161316;--muted:#6b6267;--paper:#fffdfb;--ivory:#faf7f5;--line:#eadfe4;--white:#fff;
 --shadow:0 24px 65px rgba(92,35,57,.10);--shadow-sm:0 12px 34px rgba(92,35,57,.08);--radius:26px;--max:1220px;
}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;font-family:"Avenir Next","Helvetica Neue",Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.58;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 46px));margin:auto}.narrow{width:min(850px,calc(100% - 46px));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:10000;background:#fff;padding:10px;border-radius:10px}
.eyebrow{font-size:.72rem;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:var(--ruby)}.muted{color:var(--muted)}
.h2{font-size:clamp(2.35rem,4.5vw,4.35rem);line-height:1;letter-spacing:-.055em;margin:10px 0 18px;font-weight:760}.h3{font-size:1.3rem;letter-spacing:-.02em;margin:0 0 8px}.lead{font-size:1.16rem;color:#4e464a}.small{font-size:.86rem;color:var(--muted)}
.loader{position:fixed;inset:0;background:radial-gradient(circle at 50% 42%,#fff,#fff8fa 68%,#fcedf3);display:grid;place-items:center;z-index:9999;transition:opacity .55s ease,visibility .55s ease}.loader.is-hidden{opacity:0;visibility:hidden}.loader-box{text-align:center}.loader-logo{font-size:clamp(1.65rem,4.5vw,3rem);font-weight:760;letter-spacing:-.045em}.loader-logo span{color:var(--ruby)}.loader-dots{display:flex;gap:7px;justify-content:center;margin-top:18px}.loader-dots i{width:7px;height:7px;border-radius:50%;background:var(--ruby);animation:pulse 1s ease-in-out infinite}.loader-dots i:nth-child(2){animation-delay:.14s}.loader-dots i:nth-child(3){animation-delay:.28s}@keyframes pulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,253,251,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,223,228,.92)}.navrow{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:baseline;gap:5px;font-size:1.08rem;font-weight:780;letter-spacing:-.035em;white-space:nowrap}.brand span{color:var(--ruby)}.brand small{margin-left:9px;font-size:.58rem;letter-spacing:.12em;color:#777;text-transform:uppercase;font-weight:700}.nav{display:flex;align-items:center;gap:23px;font-size:.88rem;font-weight:650}.nav>a,.dropbtn{transition:color .18s ease}.nav>a:hover,.dropbtn:hover{color:var(--ruby)}.nav-cta{background:var(--ruby);color:#fff!important;padding:10px 15px;border-radius:999px}.menu{display:none;border:0;background:transparent;font-weight:760;letter-spacing:.08em}.dropdown{position:relative}.dropbtn{border:0;background:transparent;padding:26px 0;cursor:pointer;font:inherit;font-weight:650;color:inherit}.dropdown-panel{position:absolute;top:64px;left:-22px;width:350px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s ease}.dropdown:hover .dropdown-panel,.dropdown:focus-within .dropdown-panel,.dropdown.is-open .dropdown-panel{opacity:1;visibility:visible;transform:none}.dropdown-panel a{display:block;padding:11px 12px;border-radius:13px}.dropdown-panel a:hover{background:var(--ruby-soft);color:var(--ruby-dark)}.dropdown-panel small{display:block;color:var(--muted);font-weight:500;margin-top:1px;line-height:1.25}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:999px;border:1px solid transparent;font-weight:730;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--ruby);color:#fff;box-shadow:0 10px 24px rgba(176,25,87,.15)}.btn.primary:hover{background:var(--ruby-dark)}.btn.outline{background:#fff;border-color:var(--line)}.btn.outline:hover{border-color:#d7b2c1;background:#fff8fa}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.hero{padding:66px 0 56px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:560px;height:560px;right:-250px;top:-230px;border-radius:50%;background:radial-gradient(circle,#f8dbe6,rgba(248,219,230,0) 70%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:62px;align-items:center}.vote-kicker{font-size:.8rem;letter-spacing:.2em;font-weight:800;color:var(--ruby);margin-bottom:13px}.hero h1{font-size:clamp(3.45rem,7.2vw,6.7rem);line-height:.87;letter-spacing:-.07em;margin:0;font-weight:790}.hero h1 span{display:block;color:var(--ruby);font-size:.82em}.office{display:inline-flex;background:var(--ink);color:#fff;padding:12px 18px;margin:24px 0 16px;letter-spacing:.16em;font-size:.84rem;font-weight:760}.tag{font-size:1.13rem;font-weight:690;margin:10px 0}.hero-lead{font-size:1.09rem;color:#51494d;max-width:680px}.hero-photo{position:relative;min-height:620px}.photo-back{position:absolute;right:0;top:34px;width:88%;height:550px;background:linear-gradient(155deg,#f5d6e2,#bb225d);border-radius:240px 240px 36px 36px}.hero-photo img{position:absolute;right:38px;bottom:0;width:78%;height:570px;object-fit:cover;object-position:center top;border-radius:220px 220px 30px 30px;box-shadow:var(--shadow)}
.election{background:#151315;color:#fff;padding:40px 0}.election-grid{display:grid;grid-template-columns:.7fr 1.3fr 1.2fr;gap:30px;align-items:center}.date-box{border-left:4px solid var(--ruby);padding-left:18px}.date-box small{display:block;color:#d8cfd3;letter-spacing:.13em;text-transform:uppercase;font-size:.7rem}.date-box b{font-size:2.35rem;letter-spacing:-.05em}.election h2{font-size:1.55rem;letter-spacing:-.03em;margin:0 0 5px}.election p{color:#d7cfd3;margin:0}.election .btn{background:#fff;color:#151315}
.section{padding:92px 0}.soft{background:var(--ivory)}.section-head{display:grid;grid-template-columns:1fr .9fr;gap:58px;align-items:end;margin-bottom:38px}.section-head p{color:var(--muted);margin:0}.section-head.compact{grid-template-columns:.8fr 1.2fr}
.about-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:68px;align-items:start}.about-card{background:linear-gradient(180deg,#fff6f9,#fff);border:1px solid #eed8e1;border-radius:28px;padding:32px;position:sticky;top:110px}.about-card h2{font-size:clamp(2.1rem,4vw,3.45rem);line-height:1.02;letter-spacing:-.055em;margin:10px 0 18px;font-weight:750}.about-card p{color:var(--muted)}.about-copy{font-size:1.05rem}.about-copy .lead{font-size:1.19rem;color:var(--ink)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.timeline div{border-top:2px solid var(--ruby);padding-top:10px}.timeline b{display:block;font-size:.83rem}.timeline span{font-size:.77rem;color:var(--muted)}
.journal-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:17px}.journal-card{border-radius:24px;overflow:hidden;min-height:390px;position:relative;background:#ece7e9;border:1px solid var(--line)}.journal-card img{width:100%;height:100%;object-fit:cover}.journal-caption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(9px);border-radius:15px;padding:13px}.journal-caption b{display:block}.journal-caption span{font-size:.82rem;color:var(--muted)}.photo-slot{display:grid;place-items:end start;padding:18px;background:linear-gradient(145deg,#fff7fa,#f2eaed);color:#675d62}.photo-slot:before{content:"PHOTO SPACE";position:absolute;top:18px;left:18px;font-size:.68rem;letter-spacing:.15em;font-weight:800;color:var(--ruby)}.photo-slot p{margin:0;max-width:260px;font-size:.9rem}.photo-slot b{display:block;color:var(--ink);margin-bottom:5px}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.method{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff}.method .n{font-size:.72rem;color:var(--ruby);font-weight:800;letter-spacing:.13em}.method h3{margin:22px 0 7px;font-size:1.23rem}.method p{margin:0;color:var(--muted);font-size:.94rem}
.survey-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:52px;align-items:center}.mentions{display:grid;gap:9px}.mention{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.mention-track{background:#efe8eb;border-radius:999px;height:10px;overflow:hidden}.mention-track i{display:block;height:100%;background:linear-gradient(90deg,var(--ruby),#d86a94);border-radius:inherit}.mention label{font-weight:660}.mention b{font-size:.85rem;color:var(--ruby)}
.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.issue-card{display:flex;flex-direction:column;min-height:250px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:23px;position:relative;overflow:hidden;transition:.2s ease}.issue-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-58px;top:-58px;background:var(--ruby-soft)}.issue-card:hover{transform:translateY(-4px);border-color:#d9b9c6;box-shadow:var(--shadow-sm)}.issue-card .num{font-size:.7rem;letter-spacing:.12em;font-weight:800;color:var(--ruby);position:relative}.issue-card h3{font-size:1.45rem;line-height:1.05;letter-spacing:-.04em;margin:24px 0 10px;position:relative}.issue-card p{font-size:.93rem;color:var(--muted);position:relative;margin:0 0 18px}.issue-card .go{margin-top:auto;color:var(--ruby);font-weight:720;position:relative}.all-issues{margin-top:24px;display:flex;justify-content:center}
.listening-card{background:linear-gradient(135deg,#8b123f,#b01957 58%,#c64c79);color:#fff;border-radius:32px;padding:40px;display:grid;grid-template-columns:.9fr 1.1fr;gap:46px}.listening-card h2{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0 16px}.listening-card p{color:#f7eaf0}.listening-points{display:grid;gap:10px}.listening-points div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:15px}.listening-points b{display:block;margin-bottom:4px}.listening-points span{font-size:.9rem;color:#f6e8ee}
.research-table{display:grid;gap:8px}.research-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:15px}.research-row strong{font-size:.95rem}.research-row span{color:var(--ruby);font-weight:760}.research-row a{font-size:.82rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.contact-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:var(--shadow-sm)}.contact-card h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.05em;margin:10px 0}.topic-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.topic-pills span{padding:7px 10px;border-radius:999px;background:var(--ruby-soft);color:var(--ruby-dark);font-size:.78rem}.field{display:block;font-size:.78rem;font-weight:720;margin-bottom:12px}.field input,.field textarea,.field select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:13px;padding:12px 13px;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#c9698e;box-shadow:0 0 0 4px rgba(176,25,87,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkbox{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:.82rem;margin:6px 0 14px}.form-note{font-size:.74rem;color:var(--muted);margin-top:8px}
footer{background:#151315;color:#fff;padding:38px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:1.04rem;font-weight:760}.footer-brand span{color:#f17aa7}.footer-links{display:flex;gap:16px;flex-wrap:wrap;color:#d7cfd3;font-size:.84rem}.footer-note{margin-top:22px;color:#a99fa4;font-size:.76rem;max-width:850px}
.page-hero{padding:64px 0 48px;background:linear-gradient(180deg,#fff,#fff8fa);border-bottom:1px solid var(--line)}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:25px}.breadcrumbs a:hover{color:var(--ruby)}.page-title{font-size:clamp(2.65rem,4.8vw,4.35rem);line-height:.98;letter-spacing:-.065em;margin:10px 0 16px;font-weight:760}.page-summary{font-size:1.16rem;color:#534a4f;max-width:830px}.stance{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--ruby-soft);color:var(--ruby-dark);font-size:.76rem;font-weight:760}
.issue-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px;padding:65px 0 92px;align-items:start}.issue-copy h2{font-size:2.05rem;letter-spacing:-.045em;margin:42px 0 13px}.issue-copy h2:first-child{margin-top:0}.issue-copy p{font-size:1.04rem;color:#443d41}.position-box{background:linear-gradient(180deg,#fff3f7,#fffafd);border:1px solid #edd2dd;border-radius:24px;padding:25px}.position-box p:last-child{margin-bottom:0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:19px 0}.fact{border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px}.fact b{display:block;font-size:1.35rem;letter-spacing:-.04em;color:var(--ruby);margin-bottom:4px}.fact span{font-size:.84rem;color:var(--muted)}.asks{display:grid;gap:10px}.ask{border:1px solid var(--line);border-radius:17px;padding:17px 18px;background:#fff}.ask b{display:block;margin-bottom:4px}.ask p{margin:0;color:var(--muted);font-size:.96rem}.source-box{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.source-box h3{font-size:1rem}.source-box ul{padding-left:18px}.source-box li{margin:7px 0}.source-box a{color:var(--ruby);font-weight:650}.side-card{position:sticky;top:102px;border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow-sm)}.side-card h3{margin:0 0 6px}.side-card p{font-size:.88rem;color:var(--muted)}.side-nav{display:grid;gap:4px;margin-top:13px}.side-nav a{font-size:.83rem;padding:8px 9px;border-radius:10px}.side-nav a:hover,.side-nav a.active{background:var(--ruby-soft);color:var(--ruby-dark)}
.issue-hub-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:end}.issue-hub-intro p{color:var(--muted)}.issue-search{margin:30px 0 16px}.issue-search input{width:100%;border:1px solid var(--line);border-radius:17px;padding:15px 16px;background:#fff;outline:none}.issue-search input:focus{border-color:#c9698e;box-shadow:0 0 0 4px rgba(176,25,87,.08)}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.menu{display:block}.nav{position:absolute;top:78px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:14px 22px 22px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.nav.open{display:flex}.dropdown{width:100%}.dropbtn{padding:5px 0}.dropdown-panel{position:static;display:none;width:auto;box-shadow:none;border:0;padding:5px 0 0;opacity:1;visibility:visible;transform:none}.dropdown.is-open .dropdown-panel{display:block}.hero-grid,.section-head,.about-grid,.survey-grid,.listening-card,.contact-card,.issue-layout,.issue-hub-intro{grid-template-columns:1fr}.election-grid{grid-template-columns:1fr 1fr}.journal-grid{grid-template-columns:1fr 1fr}.journal-card:first-child{grid-column:1/-1;min-height:520px}.method-grid{grid-template-columns:1fr 1fr}.issue-grid{grid-template-columns:1fr 1fr}.about-card,.side-card{position:static}.hero-photo{min-height:520px}.hero-photo img{height:500px}.photo-back{height:475px}.research-row{grid-template-columns:1fr auto}.research-row a{grid-column:1/-1}}
@media(max-width:620px){.wrap,.narrow{width:min(var(--max),calc(100% - 26px))}.brand small{display:none}.hero{padding-top:42px}.hero h1{font-size:clamp(3.1rem,17vw,5rem)}.hero-photo{min-height:430px}.hero-photo img{height:410px;right:5%;width:84%}.photo-back{height:390px;width:92%}.election-grid,.journal-grid,.method-grid,.issue-grid,.facts,.form-grid{grid-template-columns:1fr}.journal-card:first-child{grid-column:auto;min-height:420px}.section{padding:72px 0}.contact-card{padding:23px}.research-row{grid-template-columns:1fr}.research-row a{grid-column:auto}.footer-grid{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.loader{display:none}.reveal{opacity:1;transform:none}}


/* V9 — election information promoted to the top */
.vote-info{position:relative;overflow:hidden;background:linear-gradient(135deg,#7f103e 0%,#a81956 46%,#c64b79 100%);color:#fff;padding:58px 0 48px}
.vote-info:before{content:"";position:absolute;right:-160px;top:-220px;width:520px;height:520px;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
.vote-info:after{content:"";position:absolute;right:120px;bottom:-280px;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.05)}
.vote-info .wrap{position:relative;z-index:2}
.vote-info-head{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;margin-bottom:34px}
.vote-kicker.light{color:#ffd9e7}
.vote-info h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.065em;margin:8px 0 0;font-weight:800}
.vote-info h1 span{color:#ffd9e7}
.vote-info-intro p{font-size:1.08rem;line-height:1.65;color:#f8eaf0;margin:0 0 20px;max-width:620px}
.vote-btn{background:#fff!important;color:#721038!important;border-color:#fff!important;box-shadow:0 10px 26px rgba(55,0,23,.18)}
.vote-options{display:grid;grid-template-columns:1.18fr 1fr 1fr;gap:14px}
.vote-option{min-height:225px;background:rgba(255,255,255,.96);color:#191518;border:1px solid rgba(255,255,255,.35);border-radius:24px;padding:23px;box-shadow:0 18px 40px rgba(55,0,23,.14)}
.vote-option.featured{background:#fff7fa;border-color:#ffd3e2}
.vote-type{font-size:.72rem;letter-spacing:.16em;font-weight:850;color:var(--ruby);margin-bottom:14px}
.vote-date{font-size:clamp(2rem,3.6vw,3.2rem);line-height:.95;letter-spacing:-.055em;font-weight:800;margin-bottom:10px}
.vote-date span{color:#c94677;font-size:.7em}
.vote-time{font-size:.88rem;font-weight:760;color:#54494e;margin-bottom:14px}
.vote-option p{font-size:.92rem;color:#6c6267;margin:0}
.vote-note{margin-top:16px;padding:14px 17px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#f9edf2;font-size:.91rem}
.vote-note b{color:#fff}
.hero-no-photo{padding:64px 0 72px}
.hero-solo{max-width:1000px}
.hero-no-photo:before{right:-210px;top:-250px}
.hero-name{font-size:clamp(3.8rem,8vw,7rem);line-height:.86;letter-spacing:-.075em;margin:0;font-weight:790}
.hero-name span{display:block;color:var(--ruby);font-size:.82em}
.hero-no-photo .hero-lead{max-width:770px;font-size:1.12rem}
.hero-no-photo .tag{font-size:1.16rem}
/* Ensure removed portrait never reserves space */
.hero-no-photo .hero-photo,.hero-no-photo .photo-back,.hero-no-photo .candidate-tag{display:none!important}
@media(max-width:980px){.vote-info-head{grid-template-columns:1fr;gap:18px}.vote-options{grid-template-columns:1fr 1fr}.vote-option.featured{grid-column:1/-1}.hero-solo{max-width:none}}
@media(max-width:620px){.vote-info{padding:42px 0 36px}.vote-info h1{font-size:clamp(2.7rem,14vw,4.2rem)}.vote-options{grid-template-columns:1fr}.vote-option.featured{grid-column:auto}.vote-option{min-height:auto}.hero-no-photo{padding:46px 0 60px}.hero-name{font-size:clamp(3.2rem,16vw,5rem)}}


/* V10 — premium election-first homepage */
:root{--black:#111113;--soft-gray:#f5f5f7;--mid-gray:#86868b;--hairline:#e5e5e7}
.election-bar{background:#111113;color:#fff;font-size:.76rem;letter-spacing:.06em;position:relative;z-index:120}
.election-bar-inner{min-height:40px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;text-align:center}
.election-bar b{font-weight:800}.election-bar a{color:#ffd8e7;font-weight:750}.bar-sep{opacity:.35}
.site-header{top:0;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(229,229,231,.85)}
.vote-nav-link{color:var(--ruby)!important;font-weight:800!important}

.campaign-intro{background:#fff;padding:70px 0 76px;overflow:hidden}
.intro-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:64px;align-items:center}
.intro-kicker{font-size:.73rem;letter-spacing:.18em;font-weight:800;color:var(--ruby);text-transform:uppercase;margin-bottom:18px}
.candidate-name{font-size:clamp(4.7rem,8.7vw,8.7rem);line-height:.78;letter-spacing:-.085em;margin:0;font-weight:820;color:#111113}
.candidate-name span{display:inline-block;color:var(--ruby);font-size:.74em;letter-spacing:-.07em;margin-top:12px}
.candidate-office{margin-top:30px;font-size:clamp(1.05rem,1.7vw,1.55rem);font-weight:750;letter-spacing:.03em}
.candidate-tagline{margin:14px 0 0;color:#6e6e73;font-size:1.05rem;max-width:560px}
.intro-actions{margin-top:26px}

.vote-dashboard{background:#f5f5f7;border:1px solid #ececee;border-radius:34px;padding:18px;box-shadow:0 26px 70px rgba(20,20,24,.09)}
.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 7px 16px;font-size:.72rem;letter-spacing:.13em;font-weight:800;color:#6e6e73}
.dashboard-head a{letter-spacing:0;color:var(--ruby);font-size:.78rem}
.vote-tile{display:block;border-radius:26px;background:#fff;border:1px solid #ececee;padding:26px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.vote-tile:hover{transform:translateY(-3px);box-shadow:0 18px 35px rgba(20,20,24,.08);border-color:#ddd}
.vote-tile.online{background:linear-gradient(150deg,#8d123f,#b01957 60%,#c94f7c);color:#fff;border:0;padding:30px}
.vote-tile.online .tile-label,.vote-tile.online .tile-time{color:#f9dce7}.vote-tile.online .tile-link{color:#fff}
.tile-label{font-size:.72rem;letter-spacing:.17em;font-weight:850;color:var(--ruby);margin-bottom:13px}
.tile-date{font-size:clamp(2.8rem,5vw,5rem);line-height:.9;letter-spacing:-.07em;font-weight:820}
.tile-date.huge{font-size:clamp(3.1rem,4.6vw,4.9rem)}.tile-date.compact{font-size:clamp(2rem,3.2vw,3.3rem)}
.tile-time{margin-top:14px;font-size:.9rem;color:#6e6e73}.tile-time span{padding:0 6px;opacity:.7}
.tile-link{margin-top:20px;font-weight:750;font-size:.9rem;color:var(--ruby)}
.vote-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.vote-tools{display:flex;gap:16px;flex-wrap:wrap;padding:16px 7px 3px}.vote-tools a{font-size:.82rem;color:#6e6e73;text-decoration:underline;text-underline-offset:3px}

/* Dedicated voting page */
.voting-page-hero{background:#fff;padding:72px 0 50px;border-bottom:1px solid var(--hairline)}
.voting-page-hero h1{font-size:clamp(4.6rem,11vw,10rem);line-height:.76;letter-spacing:-.09em;margin:0;font-weight:840;color:#111113}
.voting-page-hero h1 span{color:var(--ruby);font-size:.72em}
.voting-page-hero p{max-width:760px;color:#6e6e73;font-size:1.08rem;margin-top:30px}
.voting-primary{padding:34px 0 84px;background:#fff}
.voting-primary-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px}
.voting-big-date{min-height:620px;border-radius:36px;background:#111113;color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.voting-big-date:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#b01957 0%,rgba(176,25,87,0) 72%);right:-110px;top:-100px;opacity:.85}
.voting-big-date span{position:relative;font-size:.76rem;letter-spacing:.17em;font-weight:800;color:#efacc6}.voting-big-date strong{position:relative;font-size:clamp(4.6rem,8vw,7.8rem);line-height:.76;letter-spacing:-.085em;margin:16px 0 18px}.voting-big-date em{position:relative;font-style:normal;font-size:1.2rem;color:#aaa}
.voting-big-date .btn{position:relative;align-self:flex-start;margin-top:30px;background:#fff;color:#111;border-color:#fff}
.voting-stack{display:grid;gap:22px}.voting-card{border-radius:32px;background:#f5f5f7;border:1px solid #ececee;padding:34px;min-height:298px}.voting-card.online-card{background:linear-gradient(150deg,#fff1f6,#fff 72%)}.voting-card h2{font-size:clamp(3.4rem,6vw,6rem);line-height:.88;letter-spacing:-.075em;margin:10px 0 24px}.voting-card p{color:#6e6e73}.card-action{display:inline-block;margin-top:8px;color:var(--ruby);font-weight:760}
.voting-help-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.voting-help-actions{display:grid;gap:11px}.action-card{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid #e9e9eb}.action-card b{font-size:1rem}.action-card span{color:#6e6e73;font-size:.86rem;max-width:420px}.action-card:hover{border-color:#d9b2c1}
.voting-note-card{border:1px solid #e8e8ea;border-radius:30px;padding:38px;background:#fff;max-width:900px}.voting-note-card h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1;letter-spacing:-.05em;margin:10px 0 15px}.voting-note-card p{color:#6e6e73;max-width:720px}

/* Clean out old image-focused campaign styling from homepage */
.journal-grid,.journal-card,.community-photo{display:none!important}

@media(max-width:1100px){.intro-shell{grid-template-columns:1fr;gap:42px}.candidate-intro{max-width:780px}.candidate-name{font-size:clamp(4.5rem,13vw,8rem)}.vote-dashboard{max-width:900px}.voting-primary-grid{grid-template-columns:1fr}.voting-big-date{min-height:520px}.voting-help-grid{grid-template-columns:1fr}}
@media(max-width:700px){.election-bar-inner{padding:8px 0;gap:7px}.bar-sep{display:none}.election-bar-inner span{width:100%}.campaign-intro{padding:48px 0 58px}.candidate-name{font-size:clamp(3.9rem,19vw,6.5rem)}.vote-dashboard{padding:12px;border-radius:26px}.dashboard-head{align-items:flex-start}.vote-row{grid-template-columns:1fr}.vote-tile{padding:22px}.vote-tile.online{padding:24px}.tile-date{font-size:clamp(2.7rem,14vw,4.2rem)}.voting-page-hero{padding-top:48px}.voting-page-hero h1{font-size:clamp(4rem,20vw,7.6rem)}.voting-big-date{min-height:460px;padding:28px}.voting-card{padding:27px}.action-card{flex-direction:column;align-items:flex-start}}


/* ===== V11: strong voting-first homepage ===== */
.vote-hero{background:#f5f5f7;padding:82px 0 58px;border-bottom:1px solid #e8e8eb}
.vote-hero-inner{max-width:1240px}
.vote-hero-eyebrow{font-size:.78rem;letter-spacing:.19em;font-weight:850;color:#7d767b;text-transform:uppercase;margin-bottom:18px}
.vote-hero-title{font-size:clamp(4.2rem,9.8vw,9.5rem);line-height:.77;letter-spacing:-.085em;margin:0;color:#111113;font-weight:850}
.vote-hero-title span{color:var(--ruby)}
.vote-hero-lead{font-size:clamp(1.12rem,1.7vw,1.45rem);color:#625c60;max-width:760px;margin:32px 0 42px}
.vote-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:18px}
.vote-hero-card{background:#fff;border:1px solid #e4e2e5;border-radius:34px;padding:34px;min-height:365px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 18px 55px rgba(20,20,24,.06);transition:transform .2s ease,box-shadow .2s ease}
.vote-hero-card:hover{transform:translateY(-3px);box-shadow:0 24px 65px rgba(20,20,24,.09)}
.vote-online-card{background:linear-gradient(145deg,#fff 0%,#fff9fb 100%)}
.vote-card-label{font-size:.77rem;letter-spacing:.18em;font-weight:850;color:var(--ruby);text-transform:uppercase}
.vote-card-date{font-size:clamp(3.5rem,7.6vw,7.3rem);line-height:.88;letter-spacing:-.075em;font-weight:860;margin:26px 0 18px;color:#111113}
.vote-card-times{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:1.02rem;color:#4f494d;margin-bottom:16px}.vote-card-times strong{color:#111113}.vote-card-times span{color:var(--ruby);font-weight:900}
.vote-hero-card p{max-width:650px;color:#6a6368;margin:0 0 24px}
.vote-action{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:52px;border-radius:999px;border:1px solid #dedade;padding:0 20px;font-weight:820;font-size:.86rem;letter-spacing:.035em;background:#fff;transition:.18s ease}.vote-action:hover{border-color:#c896aa;color:var(--ruby);transform:translateY(-1px)}
.primary-vote{background:var(--ruby);color:#fff;border-color:var(--ruby)}.primary-vote:hover{background:#8f1246;color:#fff;border-color:#8f1246}
.election-card{background:#111113;color:#fff;border-color:#111113}.election-card .vote-card-label{color:#f3b7ce}.election-card .vote-card-date{color:#fff}.election-huge{font-size:clamp(4.5rem,8.4vw,8.4rem);margin-bottom:5px}.vote-card-year{font-size:1.2rem;letter-spacing:.2em;color:#c9c4c7;margin-bottom:24px}.election-card .vote-action{background:#fff;color:#111113;border-color:#fff}.election-card .vote-action:hover{color:var(--ruby)}
.advance-strip{margin-top:18px;background:#fff;border:1px solid #e4e2e5;border-radius:26px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 34px rgba(20,20,24,.04)}
.advance-strip>div:first-child{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.advance-label{font-size:.73rem;letter-spacing:.15em;font-weight:850;color:var(--ruby)}.advance-strip strong{font-size:1.55rem;letter-spacing:-.03em}.advance-strip span:last-child{color:#6f676c}.advance-actions{display:flex;gap:10px;flex-wrap:wrap}
.candidate-hero{background:#fff;padding:100px 0 106px;text-align:center}.candidate-hero-inner{max-width:1050px}.candidate-kicker{font-size:.77rem;letter-spacing:.2em;font-weight:850;color:var(--ruby);margin-bottom:20px}.candidate-hero-name{font-size:clamp(4.3rem,10vw,9.6rem);line-height:.76;letter-spacing:-.09em;margin:0;font-weight:870;color:#111113}.candidate-hero-name span{color:var(--ruby);font-size:.74em}.candidate-hero-tagline{font-size:clamp(1.15rem,2vw,1.55rem);font-weight:750;margin:34px auto 12px}.candidate-hero-copy{max-width:720px;margin:0 auto;color:#696166;font-size:1.08rem}.candidate-hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.vote-nav-link{background:#111113;color:#fff!important;padding:10px 15px!important;border-radius:999px}.vote-nav-link:hover{background:var(--ruby)}
@media(max-width:900px){.vote-hero{padding:58px 0 44px}.vote-hero-grid{grid-template-columns:1fr}.vote-hero-card{min-height:auto}.advance-strip{align-items:flex-start;flex-direction:column}.candidate-hero{padding:76px 0}.candidate-hero-name{font-size:clamp(4rem,16vw,7.6rem)}}
@media(max-width:560px){.vote-hero-title{font-size:clamp(3.7rem,18vw,6rem)}.vote-card-date{font-size:clamp(3.2rem,17vw,5.4rem)}.election-huge{font-size:clamp(4rem,20vw,6.2rem)}.vote-hero-card{padding:25px;border-radius:26px}.advance-actions{width:100%}.advance-actions .btn{width:100%}.candidate-hero-name{font-size:clamp(3.7rem,18vw,6.3rem)}.candidate-hero-actions .btn{width:100%}}


/* ===== V12: keep voting headline, restore real intro portrait ===== */
.vote-hero-inner{padding-top:4px}
.vote-hero-title{margin-top:0}
.candidate-hero{text-align:left;padding:92px 0 104px;overflow:hidden}
.candidate-hero-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:70px;align-items:center;max-width:1220px}
.candidate-hero-copyblock{max-width:720px}
.candidate-hero-copyblock .candidate-hero-name{font-size:clamp(4.4rem,8.5vw,8.5rem);line-height:.77}
.candidate-hero-copyblock .candidate-hero-tagline{margin:34px 0 12px}
.candidate-hero-copyblock .candidate-hero-copy{margin:0;color:#696166;max-width:650px}
.candidate-hero-copyblock .candidate-hero-actions{justify-content:flex-start}
.candidate-hero-photo{position:relative;min-height:610px;display:flex;align-items:flex-end;justify-content:center}
.candidate-photo-backdrop{position:absolute;inset:44px 8px 0 42px;border-radius:240px 240px 34px 34px;background:linear-gradient(155deg,#fde8f0 0%,#f3bfd2 48%,#b01957 100%);box-shadow:0 28px 70px rgba(95,29,56,.12)}
.candidate-photo-backdrop:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.62);border-radius:220px 220px 26px 26px}
.candidate-hero-photo img{position:relative;z-index:1;width:min(94%,500px);height:590px;object-fit:cover;object-position:center 16%;border-radius:230px 230px 32px 32px;box-shadow:0 24px 65px rgba(39,16,27,.14)}
@media(max-width:900px){.candidate-hero-split{grid-template-columns:1fr;gap:42px}.candidate-hero-copyblock{max-width:820px}.candidate-hero-photo{min-height:520px}.candidate-hero-photo img{height:500px;width:min(88%,460px)}.candidate-photo-backdrop{inset:36px 12% 0 18%}}
@media(max-width:560px){.candidate-hero{padding:68px 0 78px}.candidate-hero-copyblock .candidate-hero-name{font-size:clamp(3.8rem,17vw,6rem)}.candidate-hero-photo{min-height:430px}.candidate-hero-photo img{height:415px;width:90%}.candidate-photo-backdrop{inset:28px 4% 0 12%}}


/* ===== V13: rebalance voting hero — bold, not oversized ===== */
.vote-hero{padding:58px 0 46px}
.vote-hero-inner{padding-top:0}
.vote-hero-title{font-size:clamp(3.15rem,6.1vw,6.35rem);line-height:.84;letter-spacing:-.075em;max-width:900px}
.vote-hero-lead{font-size:clamp(1rem,1.3vw,1.18rem);max-width:690px;margin:22px 0 30px}
.vote-hero-grid{grid-template-columns:1.12fr .88fr;gap:16px}
.vote-hero-card{min-height:285px;padding:28px;border-radius:28px}
.vote-card-label{font-size:.7rem;letter-spacing:.17em}
.vote-card-date{font-size:clamp(2.75rem,5.2vw,5.2rem);line-height:.91;margin:20px 0 14px}
.election-huge{font-size:clamp(3.35rem,5.9vw,5.75rem);line-height:.9;margin-bottom:4px}
.vote-card-times{font-size:.93rem;margin-bottom:12px}
.vote-hero-card p{font-size:.94rem;margin-bottom:18px}
.vote-action{min-height:46px;padding:0 17px;font-size:.82rem}
.advance-strip{margin-top:14px;padding:18px 21px;border-radius:22px}
.advance-strip strong{font-size:1.3rem}
.candidate-hero{padding-top:82px}
@media(max-width:900px){
 .vote-hero{padding:46px 0 38px}
 .vote-hero-grid{grid-template-columns:1fr 1fr}
 .vote-hero-card{min-height:270px}
}
@media(max-width:720px){
 .vote-hero-grid{grid-template-columns:1fr}
 .vote-hero-title{font-size:clamp(3rem,14vw,4.9rem)}
 .vote-card-date{font-size:clamp(2.8rem,14vw,4.4rem)}
 .election-huge{font-size:clamp(3.4rem,16vw,4.9rem)}
}
@media(max-width:560px){
 .vote-hero{padding:40px 0 34px}
 .vote-hero-title{font-size:clamp(2.9rem,15vw,4.2rem)}
 .vote-hero-lead{margin:18px 0 25px}
 .vote-hero-card{padding:23px;min-height:250px;border-radius:24px}
 .advance-strip{padding:17px 18px}
}


/* ===== V16: compact, clickable, refined voting modules ===== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:fade-out .18s ease both}
::view-transition-new(root){animation:fade-in .24s ease both}
@keyframes fade-out{to{opacity:.96}}
@keyframes fade-in{from{opacity:.96}}

.vote-hero{padding:48px 0 42px}
.vote-hero-title{font-size:clamp(2.8rem,5.2vw,5.45rem);max-width:780px;line-height:.87}
.vote-hero-lead{font-size:clamp(.98rem,1.15vw,1.08rem);margin:18px 0 26px;max-width:650px}
.vote-hero-grid{grid-template-columns:1.1fr .9fr;gap:14px}
.vote-hero-card{min-height:245px;padding:24px 26px;border-radius:24px;box-shadow:0 12px 32px rgba(20,20,24,.045)}
.vote-card-date{font-size:clamp(2.45rem,4.5vw,4.5rem);margin:17px 0 12px}
.election-huge{font-size:clamp(2.95rem,5.05vw,4.8rem);margin-bottom:2px}
.vote-card-times{font-size:.9rem;gap:9px;margin-bottom:10px}
.vote-hero-card p{font-size:.9rem;line-height:1.55;margin-bottom:15px}
.vote-action{min-height:42px;padding:0 15px;font-size:.77rem;letter-spacing:.025em}
.advance-strip{margin-top:12px;padding:15px 18px;border-radius:19px;box-shadow:0 8px 24px rgba(20,20,24,.035)}
.advance-strip strong{font-size:1.18rem}
.advance-strip>div:first-child{gap:11px}
.advance-actions .btn{padding:10px 15px;font-size:.82rem}

.clickable-panel{cursor:pointer;position:relative;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease,background-color .28s ease}
.clickable-panel:focus-visible{outline:3px solid rgba(176,25,87,.22);outline-offset:4px}
.vote-hero-card.clickable-panel:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,20,24,.075);border-color:#d9cfd4}
.vote-online-card.clickable-panel:hover{background:linear-gradient(145deg,#fff 0%,#fff5f9 100%)}
.election-card.clickable-panel:hover{background:#171719;border-color:#171719}
.advance-strip.clickable-panel:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,20,24,.065);border-color:#d9cfd4}
.vote-action,.advance-actions .btn{position:relative;z-index:2}
.vote-action::after{content:"";display:block;width:0;height:1px;background:currentColor;transition:width .22s ease;opacity:.45}
.vote-action:hover::after{width:16px}

/* voting details page: same interaction language */
.voting-big-date.clickable-panel,.voting-card.clickable-panel{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}
.voting-big-date.clickable-panel:hover,.voting-card.clickable-panel:hover{transform:translateY(-3px);box-shadow:0 18px 46px rgba(20,20,24,.08)}

@media(max-width:900px){
 .vote-hero{padding:42px 0 36px}
 .vote-hero-card{min-height:225px;padding:22px}
}
@media(max-width:720px){
 .vote-hero-grid{grid-template-columns:1fr}
 .vote-hero-title{font-size:clamp(2.7rem,12vw,4.4rem)}
}
@media(max-width:560px){
 .vote-hero{padding:36px 0 30px}
 .vote-hero-card{padding:20px;min-height:215px;border-radius:21px}
 .advance-strip{padding:15px 16px}
}
@media(prefers-reduced-motion:reduce){
 .clickable-panel,.vote-action{transition:none!important}
}


/* ===== V17: make voting copy and actions comfortably readable ===== */
.vote-card-label{font-size:.86rem;letter-spacing:.14em;line-height:1.25}
.vote-card-times{font-size:1.04rem;line-height:1.5;gap:10px;margin-bottom:14px}
.vote-hero-card p{font-size:1.01rem;line-height:1.58;margin-bottom:18px;color:#5f585c}
.election-card .vote-card-year{font-size:1.08rem;line-height:1.35;letter-spacing:.15em;margin-bottom:18px}
.vote-action{min-height:52px;padding:0 20px;font-size:1rem;font-weight:800;letter-spacing:0}
.advance-label{font-size:.85rem;letter-spacing:.12em}
.advance-strip strong{font-size:1.3rem;line-height:1.25}
.advance-strip span:last-child{font-size:1rem;line-height:1.45}
.advance-actions .btn{min-height:48px;padding:0 18px;font-size:.98rem;font-weight:780}
.vote-hero-lead{font-size:clamp(1.06rem,1.25vw,1.16rem);line-height:1.55}

/* Voting details page: avoid tiny supporting text there too */
.voting-page-hero p,.voting-card p,.voting-note-card p{font-size:1.02rem;line-height:1.6}
.voting-card .eyebrow,.voting-big-date .eyebrow{font-size:.84rem;letter-spacing:.14em}
.voting-card .btn,.voting-big-date .btn{font-size:.98rem;min-height:48px}

@media(max-width:560px){
 .vote-card-label{font-size:.82rem}
 .vote-card-times{font-size:.98rem}
 .vote-hero-card p{font-size:.98rem}
 .vote-action{font-size:.97rem;min-height:50px}
 .advance-strip strong{font-size:1.2rem}
 .advance-strip span:last-child{font-size:.96rem}
}


/* V18 — global micro-label readability pass */
.eyebrow,
.vote-kicker,
.intro-kicker,
.candidate-kicker,
.vote-hero-eyebrow,
.vote-card-label,
.vote-type,
.advance-label,
.tile-label,
.method .n,
.issue-card .num,
.voting-big-date span {
  font-size: .96rem !important;
  line-height: 1.35 !important;
  letter-spacing: .11em !important;
  font-weight: 850 !important;
}

/* Supporting micro-copy that was reading like fine print */
.timeline b { font-size: .95rem !important; line-height: 1.35; }
.timeline span { font-size: .90rem !important; line-height: 1.45; }
.dashboard-head { font-size: .88rem !important; line-height: 1.4; }
.dashboard-head a { font-size: .90rem !important; }
.vote-tools a { font-size: .92rem !important; }
.topic-pills span { font-size: .90rem !important; }
.field { font-size: .90rem !important; }
.checkbox { font-size: .90rem !important; }
.form-note { font-size: .84rem !important; line-height: 1.45; }
.source-box h3 { font-size: 1.10rem !important; }
.side-nav a { font-size: .92rem !important; }
.research-row a { font-size: .90rem !important; }
.footer-links { font-size: .90rem !important; }

@media (max-width: 620px) {
  .eyebrow,
  .vote-kicker,
  .intro-kicker,
  .candidate-kicker,
  .vote-hero-eyebrow,
  .vote-card-label,
  .vote-type,
  .advance-label,
  .tile-label,
  .method .n,
  .issue-card .num,
  .voting-big-date span {
    font-size: .90rem !important;
    letter-spacing: .095em !important;
  }
}


/* ===== V19: stronger, more readable campaign introduction ===== */
.candidate-kicker{
  font-size:1.12rem !important;
  line-height:1.3 !important;
  letter-spacing:.16em !important;
  margin-bottom:24px !important;
  font-weight:850 !important;
}
.candidate-hero-tagline{
  font-size:clamp(1.55rem,2.25vw,2.05rem) !important;
  line-height:1.25 !important;
  font-weight:780 !important;
  letter-spacing:-.025em;
  margin:34px 0 16px !important;
  max-width:780px;
}
.candidate-hero-copy{
  font-size:clamp(1.18rem,1.45vw,1.36rem) !important;
  line-height:1.62 !important;
  max-width:780px !important;
  color:#5d565a !important;
}
.candidate-hero-actions{
  gap:16px !important;
  margin-top:34px !important;
}
.candidate-hero-actions .btn{
  min-height:60px !important;
  padding:0 30px !important;
  font-size:1.16rem !important;
  font-weight:820 !important;
  letter-spacing:-.01em;
  border-radius:999px;
}
.brand small{
  font-size:.72rem !important;
  letter-spacing:.10em !important;
}

@media(max-width:620px){
  .candidate-kicker{
    font-size:1rem !important;
    letter-spacing:.12em !important;
    margin-bottom:20px !important;
  }
  .candidate-hero-tagline{
    font-size:1.42rem !important;
    line-height:1.28 !important;
  }
  .candidate-hero-copy{
    font-size:1.08rem !important;
    line-height:1.58 !important;
  }
  .candidate-hero-actions .btn{
    min-height:56px !important;
    font-size:1.08rem !important;
    padding:0 24px !important;
  }
}


/* ===== V20: cleaner, more modern candidate intro ===== */
.candidate-hero{
  padding:88px 0 96px !important;
  background:linear-gradient(180deg,#fff 0%,#fffdfd 70%,#fffafb 100%);
}
.candidate-hero-split{
  grid-template-columns:minmax(0,1.34fr) minmax(330px,.66fr) !important;
  gap:54px !important;
  max-width:1260px !important;
}
.candidate-hero-copyblock{
  max-width:820px !important;
}
.candidate-hero-copyblock .candidate-hero-name{
  font-size:clamp(4.7rem,8.2vw,8.25rem) !important;
  line-height:.80 !important;
  letter-spacing:-.078em !important;
}
.candidate-kicker{
  letter-spacing:.14em !important;
  font-size:1.08rem !important;
}
.candidate-hero-tagline{
  display:flex !important;
  align-items:center;
  gap:clamp(14px,1.55vw,26px);
  white-space:nowrap;
  max-width:none !important;
  margin:36px 0 18px !important;
  font-size:clamp(1.32rem,1.55vw,1.58rem) !important;
  line-height:1.2 !important;
  font-weight:790 !important;
  letter-spacing:-.018em !important;
}
.candidate-hero-tagline span{display:inline-block}
.candidate-hero-copy{
  max-width:740px !important;
  font-size:clamp(1.16rem,1.28vw,1.3rem) !important;
  line-height:1.58 !important;
}
.candidate-hero-actions{
  margin-top:32px !important;
  gap:14px !important;
}
.candidate-hero-actions .btn{
  min-height:58px !important;
  padding:0 29px !important;
  font-size:1.14rem !important;
  box-shadow:none;
  transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}
.candidate-hero-actions .btn:hover{
  transform:translateY(-2px);
}
.candidate-hero-photo{
  min-height:560px !important;
}
.candidate-hero-photo img{
  height:540px !important;
  width:min(92%,445px) !important;
  border-radius:210px 210px 28px 28px !important;
}
.candidate-photo-backdrop{
  inset:38px 6px 0 32px !important;
  border-radius:220px 220px 30px 30px !important;
  background:linear-gradient(155deg,#fdebf2 0%,#f6d2df 55%,#b01957 100%) !important;
}

@media(max-width:1100px){
  .candidate-hero-split{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr) !important;gap:38px !important}
  .candidate-hero-tagline{font-size:1.22rem !important;gap:13px}
}
@media(max-width:900px){
  .candidate-hero-split{grid-template-columns:1fr !important;gap:42px !important}
  .candidate-hero-copyblock{max-width:820px !important}
  .candidate-hero-tagline{white-space:normal;flex-wrap:wrap;font-size:1.35rem !important;gap:8px 18px}
}
@media(max-width:620px){
  .candidate-hero{padding:64px 0 72px !important}
  .candidate-hero-tagline{font-size:1.26rem !important;line-height:1.3 !important;gap:6px 14px}
}


/* ===== V21: consistent hierarchy + stronger hero + light/dark theme ===== */
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}

/* Header theme control */
.navrow{justify-content:flex-start}
.brand{margin-right:auto}
.nav{margin-left:auto}
.theme-toggle{
  order:3; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:42px; padding:0 14px; border-radius:999px; border:1px solid var(--line);
  background:rgba(255,255,255,.86); color:var(--ink); font-weight:800; font-size:.92rem;
  cursor:pointer; transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
  box-shadow:0 6px 18px rgba(30,20,25,.05)
}
.theme-toggle:hover{transform:translateY(-1px);border-color:#d7b7c4;box-shadow:0 9px 22px rgba(30,20,25,.08)}
.theme-icon{font-size:1.08rem;line-height:1}.theme-label{line-height:1}
.menu{order:4}.nav{order:2}

/* Candidate intro: heavier name, larger centered CTAs */
.candidate-hero-copyblock .candidate-hero-name{
  font-weight:950 !important;
  letter-spacing:-.082em !important;
  text-wrap:balance;
}
.candidate-hero-name span{font-weight:950 !important}
.candidate-hero-actions{
  justify-content:center !important;
  gap:18px !important;
  width:min(100%,690px);
  margin:38px auto 0 !important;
}
.candidate-hero-actions .btn{
  min-width:230px !important;
  min-height:66px !important;
  padding:0 34px !important;
  font-size:1.24rem !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  box-shadow:0 12px 28px rgba(48,25,36,.10) !important;
}
.candidate-hero-actions .btn.primary{box-shadow:0 14px 30px rgba(176,25,87,.22) !important}
.candidate-hero-actions .btn:hover{transform:translateY(-3px) !important}

/* Issue pages: every major section heading is the SAME level */
.issue-copy > h2,
.issue-copy .position-box > h2{
  font-size:clamp(1.95rem,2.55vw,2.35rem) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  font-weight:840 !important;
  margin:42px 0 14px !important;
  color:var(--ink) !important;
}
.issue-copy .position-box > h2{margin-top:10px !important}
.issue-copy > h2:first-of-type{margin-top:42px !important}
.issue-copy .eyebrow{
  font-size:1rem !important;
  line-height:1.35 !important;
  letter-spacing:.11em !important;
  font-weight:850 !important;
}
.issue-copy > p,.position-box > p{font-size:1.08rem !important;line-height:1.68 !important}

/* Make supporting UI hierarchy consistent too */
.source-box h3,.side-card h3{font-weight:820}
.side-card .eyebrow{font-size:.96rem !important}

/* Dark theme */
html[data-theme="dark"]{
  --ink:#f7f3f5; --muted:#c4b9bf; --paper:#111013; --ivory:#171418; --line:#332a2f; --white:#19161a;
  --ruby-soft:#321421; --shadow:0 24px 65px rgba(0,0,0,.32); --shadow-sm:0 12px 34px rgba(0,0,0,.24);
}
html[data-theme="dark"] body{background:#111013;color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(17,16,19,.88);border-bottom-color:#332a2f}
html[data-theme="dark"] .theme-toggle{background:#1a171b;border-color:#3b3036;color:#f8f4f6}
html[data-theme="dark"] .dropdown-panel,
html[data-theme="dark"] .method,
html[data-theme="dark"] .issue-card,
html[data-theme="dark"] .fact,
html[data-theme="dark"] .ask,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .concern-form,
html[data-theme="dark"] .research-table,
html[data-theme="dark"] .advance-strip,
html[data-theme="dark"] .vote-hero-card,
html[data-theme="dark"] .voting-card,
html[data-theme="dark"] .voting-note-card,
html[data-theme="dark"] .action-card{background:#1a171b;border-color:#362d32;color:#f7f3f5}
html[data-theme="dark"] .soft{background:#151216}
html[data-theme="dark"] .candidate-hero{background:linear-gradient(180deg,#111013 0%,#141115 70%,#171217 100%) !important}
html[data-theme="dark"] .candidate-hero-copy,html[data-theme="dark"] .hero-lead,html[data-theme="dark"] .lead,html[data-theme="dark"] .about-card p,html[data-theme="dark"] .about-copy p,html[data-theme="dark"] .issue-copy p,html[data-theme="dark"] .position-box p,html[data-theme="dark"] .fact span,html[data-theme="dark"] .ask p,html[data-theme="dark"] .side-card p,html[data-theme="dark"] .page-summary,html[data-theme="dark"] .vote-hero-card p,html[data-theme="dark"] .voting-card p,html[data-theme="dark"] .voting-note-card p,html[data-theme="dark"] .field,html[data-theme="dark"] .form-note{color:#c7bcc2 !important}
html[data-theme="dark"] .about-card,html[data-theme="dark"] .position-box{background:linear-gradient(180deg,#21151b,#19161a);border-color:#402d36}
html[data-theme="dark"] .page-hero{background:linear-gradient(180deg,#131014,#181217);border-bottom-color:#332a2f}
html[data-theme="dark"] .vote-hero{background:#151317;border-color:#332a2f}
html[data-theme="dark"] .vote-hero-title,html[data-theme="dark"] .vote-card-date,html[data-theme="dark"] .candidate-hero-name,html[data-theme="dark"] .candidate-hero-name span{color:#f8f5f6}
html[data-theme="dark"] .candidate-hero-name span,html[data-theme="dark"] .vote-hero-title span{color:#e54c88}
html[data-theme="dark"] .vote-online-card{background:linear-gradient(145deg,#1d171a,#21141a)}
html[data-theme="dark"] .election-card{background:#050506;border-color:#2a2427}
html[data-theme="dark"] .btn.outline{background:#1a171b;border-color:#3a3035;color:#f8f4f6}
html[data-theme="dark"] .btn.outline:hover{background:#231b20;border-color:#614050}
html[data-theme="dark"] .dropdown-panel a:hover,html[data-theme="dark"] .side-nav a:hover,html[data-theme="dark"] .side-nav a.active{background:#2d1520;color:#ff8bb9}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea{background:#141115;color:#f8f4f6;border-color:#3a3035}
html[data-theme="dark"] footer{background:#0d0c0e;border-top-color:#30272c}
html[data-theme="dark"] .loader{background:radial-gradient(circle at 50% 42%,#171216,#100e11 68%,#0b0a0c)}

@media(max-width:980px){
  .theme-toggle{margin-left:auto}
  .nav{order:5}
}
@media(max-width:620px){
  .theme-toggle{min-height:40px;padding:0 11px;font-size:.86rem}
  .theme-label{display:none}
  .candidate-hero-actions{width:100%;gap:12px !important}
  .candidate-hero-actions .btn{width:100% !important;min-width:0 !important;min-height:60px !important;font-size:1.14rem !important}
  .issue-copy > h2,.issue-copy .position-box > h2{font-size:1.82rem !important}
}

/* V23 — research accuracy note */
.research-warning{margin:18px 0 0;color:var(--ruby);font-size:1.08rem;line-height:1.5;font-weight:850;letter-spacing:-.01em}


/* V24 — reserved biography photo gallery */
.bio-gallery-section{padding-top:28px}
.bio-gallery-head{align-items:end}
.bio-gallery-head>p{max-width:620px;font-size:1.08rem;line-height:1.65;color:var(--muted)}
.bio-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}
.bio-photo-card{margin:0;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--white);box-shadow:0 12px 32px rgba(35,22,28,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.bio-photo-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(35,22,28,.10);border-color:#dfbecb}
.bio-photo-slot{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f7edf2 0%,#fff 48%,#f2e5eb 100%);color:var(--ruby)}
.bio-photo-slot:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(176,25,87,.26);border-radius:18px}
.slot-plus{font-size:2.15rem;font-weight:300;line-height:1;position:relative;z-index:1}
.slot-label{font-size:.88rem;letter-spacing:.13em;font-weight:900;position:relative;z-index:1}
.bio-photo-card figcaption{padding:20px 20px 22px}
.bio-photo-card figcaption span{display:block;color:var(--ruby);font-size:.95rem;letter-spacing:.1em;font-weight:900;margin-bottom:8px}
.bio-photo-card figcaption strong{display:block;color:var(--ink);font-size:1.08rem;line-height:1.35;letter-spacing:-.02em}
html[data-theme="dark"] .bio-photo-card{background:#1a171b;border-color:#362d32}
html[data-theme="dark"] .bio-photo-slot{background:linear-gradient(145deg,#27151d 0%,#181518 52%,#20131a 100%)}
html[data-theme="dark"] .bio-photo-slot:before{border-color:rgba(229,76,136,.34)}
@media(max-width:980px){.bio-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.bio-photo-grid{grid-template-columns:1fr;gap:16px}.bio-gallery-head{display:block}.bio-gallery-head>p{margin-top:16px}}

/* ===== V25: precision-aligned desktop navigation ===== */
.site-header .wrap.navrow{
  width:min(1520px,calc(100% - 40px));
  height:88px;
  gap:18px;
  align-items:center;
}
.site-header .brand{
  flex:0 0 auto;
  line-height:1;
  align-items:center;
}
.site-header .nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  font-size:.94rem;
  font-weight:760;
  line-height:1;
  min-width:0;
}
.site-header .nav > a,
.site-header .dropbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  padding:0 11px;
  margin:0;
  white-space:nowrap;
  line-height:1;
  text-align:center;
  border-radius:999px;
}
.site-header .dropdown{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.site-header .dropbtn{
  height:54px;
  cursor:pointer;
}
.site-header .vote-nav-link{
  min-height:58px !important;
  padding:0 24px !important;
  white-space:nowrap !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.site-header .nav-cta{
  min-height:58px !important;
  padding:0 24px !important;
  white-space:nowrap !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}
.site-header .theme-toggle{
  min-height:54px;
  height:54px;
  padding:0 17px;
  white-space:nowrap;
  line-height:1;
  align-self:center;
}

@media (max-width:1380px) and (min-width:981px){
  .site-header .wrap.navrow{width:min(1340px,calc(100% - 28px));gap:12px}
  .site-header .nav{gap:7px;font-size:.88rem}
  .site-header .nav > a,.site-header .dropbtn{padding-left:8px;padding-right:8px}
  .site-header .vote-nav-link,.site-header .nav-cta{padding-left:18px !important;padding-right:18px !important}
  .site-header .brand{font-size:1rem}
  .site-header .brand small{font-size:.64rem !important;margin-left:7px}
  .site-header .theme-toggle{padding:0 13px;font-size:.88rem}
}

/* Switch to the clean mobile menu before desktop navigation can ever wrap. */
@media (max-width:1120px){
  .site-header .wrap.navrow{height:78px;width:min(var(--max),calc(100% - 34px))}
  .site-header .menu{display:block;order:4}
  .site-header .theme-toggle{margin-left:auto;order:3}
  .site-header .nav{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    background:var(--white);
    padding:16px 22px 24px;
    border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-sm);
    order:5;
  }
  .site-header .nav.open{display:flex}
  .site-header .nav > a,.site-header .dropbtn{
    width:100%;
    justify-content:flex-start;
    min-height:48px;
    padding:0 14px;
    border-radius:14px;
  }
  .site-header .vote-nav-link,.site-header .nav-cta{
    min-height:52px !important;
    justify-content:center !important;
  }
  .site-header .dropdown{width:100%;display:block}
  .site-header .dropdown-panel{position:static;display:none;width:auto;box-shadow:none;border:0;padding:5px 0 0;opacity:1;visibility:visible;transform:none}
  .site-header .dropdown.is-open .dropdown-panel{display:block}
}

html[data-theme="dark"] .site-header .nav{
  color:var(--ink);
}
@media(max-width:1120px){
  html[data-theme="dark"] .site-header .nav{background:#1a171b;border-bottom-color:#332a2f}
}


/* V26 — biography typography and consistency */
.candidate-bio-copy{
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  font-size:14px !important;
  line-height:1.78;
  letter-spacing:.002em;
  color:var(--ink);
  max-width:790px;
}
.candidate-bio-copy p,
.candidate-bio-copy .lead{
  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.78 !important;
  letter-spacing:.002em !important;
  color:var(--ink) !important;
  margin:0 0 18px;
}
.candidate-bio-copy strong{font-weight:700;color:var(--ink)}
html[data-theme="dark"] .candidate-bio-copy,
html[data-theme="dark"] .candidate-bio-copy p,
html[data-theme="dark"] .candidate-bio-copy strong{color:#eee7eb !important}
@media(max-width:700px){
  .candidate-bio-copy, .candidate-bio-copy p, .candidate-bio-copy .lead{font-size:14px !important;line-height:1.72 !important}
}


/* ===== V27: proportionate header + accessible reading scale ===== */
/* Keep the identity area protected and push navigation cleanly to the right. */
.site-header .wrap.navrow{
  width:min(1460px,calc(100% - 44px));
  height:78px;
  display:flex;
  align-items:center;
  gap:16px;
}
.site-header .brand{
  flex:0 0 auto;
  margin-right:auto;
  font-size:1.02rem;
  line-height:1;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.site-header .brand small{
  font-size:.62rem !important;
  letter-spacing:.095em !important;
  margin-left:8px;
}
.site-header .nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  font-size:.86rem;
  font-weight:760;
  line-height:1;
  min-width:0;
}
.site-header .nav > a,
.site-header .dropbtn{
  min-height:44px;
  height:44px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
  border-radius:999px;
}
.site-header .vote-nav-link{
  min-height:46px !important;
  height:46px !important;
  padding:0 17px !important;
  font-size:.84rem !important;
  letter-spacing:.01em;
  background:#111113;
}
.site-header .nav-cta{
  min-height:46px !important;
  height:46px !important;
  padding:0 18px !important;
  font-size:.84rem !important;
  font-weight:820 !important;
}
.site-header .theme-toggle{
  min-height:44px;
  height:44px;
  padding:0 13px;
  font-size:.84rem;
  margin-left:2px;
}
.site-header .dropdown{display:flex;align-items:center}
.site-header .dropbtn{padding-left:10px;padding-right:10px}

/* Keep hero CTAs substantial, but proportionate to the name and copy. */
.candidate-hero-actions{
  width:min(100%,610px) !important;
  gap:14px !important;
  margin:32px auto 0 !important;
}
.candidate-hero-actions .btn{
  min-width:196px !important;
  min-height:58px !important;
  padding:0 28px !important;
  font-size:1.12rem !important;
  font-weight:900 !important;
}

/* Main reading copy: comfortably readable without enlarging navigation/UI. */
.candidate-bio-copy,
.candidate-bio-copy p,
.candidate-bio-copy .lead{
  font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif !important;
  font-size:18px !important;
  line-height:1.72 !important;
  letter-spacing:.001em !important;
}
.issue-copy > p,
.issue-copy .position-box > p,
.ask p,
.side-card p,
.page-summary,
.voting-card p,
.voting-note-card p,
.research-row p,
.contact-card p,
.bio-gallery-head > p{
  font-size:1.08rem !important;
  line-height:1.7 !important;
}
.field label,.field input,.field select,.field textarea{font-size:1rem}
.source-box,.source-box li,.research-row a,.footer-note{font-size:.94rem;line-height:1.6}

@media (max-width:1260px) and (min-width:1081px){
  .site-header .wrap.navrow{width:min(1240px,calc(100% - 28px));gap:10px}
  .site-header .nav{gap:3px;font-size:.82rem}
  .site-header .nav > a,.site-header .dropbtn{padding-left:7px;padding-right:7px}
  .site-header .vote-nav-link,.site-header .nav-cta{padding-left:13px !important;padding-right:13px !important}
  .site-header .brand{font-size:.94rem}
  .site-header .brand small{font-size:.56rem !important;margin-left:6px}
  .site-header .theme-toggle{padding:0 10px;font-size:.8rem}
}

/* Use mobile navigation before the desktop header becomes crowded. */
@media (max-width:1080px){
  .site-header .wrap.navrow{height:76px;width:min(var(--max),calc(100% - 32px))}
  .site-header .menu{display:block;order:4}
  .site-header .theme-toggle{margin-left:auto;order:3}
  .site-header .nav{
    position:absolute;top:76px;left:0;right:0;display:none;
    flex-direction:column;align-items:stretch;gap:5px;
    background:var(--white);padding:16px 22px 24px;
    border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);order:5;
  }
  .site-header .nav.open{display:flex}
  .site-header .nav > a,.site-header .dropbtn{
    width:100%;height:auto;min-height:48px;justify-content:flex-start;padding:0 14px;border-radius:14px;
  }
  .site-header .vote-nav-link,.site-header .nav-cta{height:auto !important;min-height:50px !important;justify-content:center !important}
  .site-header .dropdown{width:100%;display:block}
  .site-header .dropdown-panel{position:static;display:none;width:auto;box-shadow:none;border:0;padding:5px 0 0;opacity:1;visibility:visible;transform:none}
  .site-header .dropdown.is-open .dropdown-panel{display:block}
  html[data-theme="dark"] .site-header .nav{background:#1a171b;border-bottom-color:#332a2f}
}

@media(max-width:700px){
  .candidate-bio-copy,.candidate-bio-copy p,.candidate-bio-copy .lead{font-size:17px !important;line-height:1.68 !important}
  .candidate-hero-actions{width:100% !important;gap:10px !important;margin-top:28px !important}
  .candidate-hero-actions .btn{min-width:0 !important;min-height:54px !important;font-size:1.05rem !important;padding:0 20px !important}
}

/* V28 — photo gallery readability + overflow safety */
.bio-gallery-section,
.bio-gallery-section .wrap,
.bio-photo-grid,
.bio-photo-card,
.bio-photo-card figcaption{
  box-sizing:border-box;
  max-width:100%;
}
.bio-gallery-section{overflow-x:clip;}
.bio-photo-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:22px;
  align-items:stretch;
}
.bio-photo-card{
  min-width:0;
  width:100%;
  overflow:hidden;
}
.bio-photo-slot{
  width:100%;
  min-width:0;
}
.bio-photo-card figcaption{
  width:100%;
  min-width:0;
  padding:20px 22px 24px;
  overflow:visible;
}
.bio-photo-card figcaption span,
.bio-photo-card figcaption strong{
  max-width:100%;
  white-space:normal;
  overflow:visible;
  overflow-wrap:break-word;
  word-break:normal;
}
.bio-photo-card figcaption strong{
  font-size:1.08rem;
  line-height:1.5;
}

/* Also make the legacy photo-card layout safe if an older section is reused. */
.journal-grid{
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
.journal-card{
  min-width:0;
  width:100%;
}
.journal-card.photo-slot{
  min-width:0;
  overflow:visible;
}
.journal-card.photo-slot p,
.journal-caption,
.journal-caption span,
.journal-caption b{
  max-width:100%;
  white-space:normal;
  overflow-wrap:break-word;
}

@media (max-width:1180px){
  .bio-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:650px){
  .bio-photo-grid{grid-template-columns:1fr;gap:18px;}
  .bio-photo-card figcaption{padding:18px 18px 21px;}
}

/* V29 — Speak to Vamini accessibility and contrast */
#contact .contact-card{
  background:#ffffff !important;
  color:#111111 !important;
  border-color:#e6dbe0 !important;
}
#contact .eyebrow{
  color:var(--ruby) !important;
  font-size:1rem !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}
#contact h2{
  color:#111111 !important;
  font-weight:850 !important;
}
#contact .muted{
  color:#171417 !important;
  font-size:1.08rem !important;
  line-height:1.75 !important;
  font-weight:650 !important;
}
#contact .topic-pills{
  gap:10px !important;
  margin-top:24px !important;
}
#contact .topic-pills span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:10px 16px !important;
  background:var(--ruby) !important;
  color:#ffffff !important;
  border:1px solid var(--ruby) !important;
  border-radius:999px !important;
  font-size:.98rem !important;
  line-height:1 !important;
  font-weight:800 !important;
}
#contact .concern-form{
  background:#fff8fb !important;
  color:#111111 !important;
  border:1px solid #eadbe1 !important;
  border-radius:24px !important;
  padding:26px !important;
}
#contact .field{
  color:#111111 !important;
  font-size:1.02rem !important;
  line-height:1.35 !important;
  font-weight:850 !important;
  margin-bottom:16px !important;
}
#contact .field input,
#contact .field select,
#contact .field textarea{
  background:#ffffff !important;
  color:#111111 !important;
  border:2px solid #d8cbd1 !important;
  font-size:1rem !important;
  line-height:1.5 !important;
  font-weight:650 !important;
  padding:14px 16px !important;
}
#contact .field input::placeholder,
#contact .field textarea::placeholder{
  color:#5e575b !important;
  opacity:1 !important;
  font-weight:600 !important;
}
#contact .field select:invalid{
  color:#333333 !important;
}
#contact .field input:focus,
#contact .field select:focus,
#contact .field textarea:focus{
  border-color:var(--ruby) !important;
  box-shadow:0 0 0 4px rgba(176,25,87,.12) !important;
}
#contact .checkbox{
  color:#111111 !important;
  font-size:1rem !important;
  line-height:1.45 !important;
  font-weight:700 !important;
  align-items:center !important;
}
#contact .checkbox input{
  width:20px !important;
  height:20px !important;
  accent-color:var(--ruby) !important;
  flex:0 0 auto !important;
}
#contact .btn.primary{
  background:var(--ruby) !important;
  color:#ffffff !important;
  border-color:var(--ruby) !important;
  min-height:52px !important;
  padding:13px 24px !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
}
#contact .btn.primary:hover{
  background:var(--ruby-dark) !important;
  border-color:var(--ruby-dark) !important;
}
#contact .form-note{
  color:#111111 !important;
  font-size:.96rem !important;
  line-height:1.55 !important;
  font-weight:650 !important;
  margin-top:12px !important;
}

/* Keep this contact block high-contrast even when the site is in dark mode. */
html[data-theme="dark"] #contact .contact-card,
html[data-theme="dark"] #contact .concern-form,
html[data-theme="dark"] #contact .field input,
html[data-theme="dark"] #contact .field select,
html[data-theme="dark"] #contact .field textarea{
  background:#ffffff !important;
  color:#111111 !important;
}
html[data-theme="dark"] #contact h2,
html[data-theme="dark"] #contact .muted,
html[data-theme="dark"] #contact .field,
html[data-theme="dark"] #contact .checkbox,
html[data-theme="dark"] #contact .form-note{
  color:#111111 !important;
}
html[data-theme="dark"] #contact .eyebrow{
  color:var(--ruby) !important;
}

@media(max-width:620px){
  #contact .concern-form{padding:20px !important}
  #contact .muted{font-size:1.02rem !important}
  #contact .topic-pills span{font-size:.94rem !important;padding:10px 14px !important}
}

/* ===== V30: softer dark mode + berry theme control + mobile-first polish ===== */
html,body{max-width:100%;overflow-x:hidden}

/* Theme toggle is always a clear berry control. */
.site-header .theme-toggle,
html[data-theme="dark"] .site-header .theme-toggle{
  background:var(--ruby) !important;
  color:#fff !important;
  border-color:var(--ruby) !important;
  box-shadow:0 8px 22px rgba(176,25,87,.20) !important;
  font-weight:900 !important;
}
.site-header .theme-toggle:hover,
html[data-theme="dark"] .site-header .theme-toggle:hover{
  background:var(--ruby-dark) !important;
  border-color:var(--ruby-dark) !important;
  box-shadow:0 11px 28px rgba(176,25,87,.27) !important;
}
.site-header .theme-toggle:focus-visible{outline:3px solid rgba(176,25,87,.26);outline-offset:3px}

/* Dark mode: warm charcoal, not pitch black. */
html[data-theme="dark"]{
  --ink:#fbf8fa;
  --muted:#d4cbd0;
  --paper:#211e21;
  --ivory:#262226;
  --line:#40383d;
  --white:#2a262a;
  --ruby-soft:#432133;
  --shadow:0 24px 65px rgba(0,0,0,.22);
  --shadow-sm:0 12px 34px rgba(0,0,0,.17);
}
html[data-theme="dark"] body{background:#211e21 !important;color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(33,30,33,.94) !important;border-bottom-color:#40383d !important}
html[data-theme="dark"] .nav{background:#2a262a}
html[data-theme="dark"] .dropdown-panel,
html[data-theme="dark"] .method,
html[data-theme="dark"] .issue-card,
html[data-theme="dark"] .fact,
html[data-theme="dark"] .ask,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .research-table,
html[data-theme="dark"] .advance-strip,
html[data-theme="dark"] .vote-hero-card,
html[data-theme="dark"] .voting-card,
html[data-theme="dark"] .voting-note-card,
html[data-theme="dark"] .action-card{background:#2a262a !important;border-color:#40383d !important}
html[data-theme="dark"] .soft{background:#262226 !important}
html[data-theme="dark"] .candidate-hero{background:linear-gradient(180deg,#211e21 0%,#252125 68%,#292329 100%) !important}
html[data-theme="dark"] .page-hero{background:linear-gradient(180deg,#211e21,#282328) !important;border-bottom-color:#40383d !important}
html[data-theme="dark"] .vote-hero{background:#262226 !important;border-color:#40383d !important}
html[data-theme="dark"] .vote-online-card{background:linear-gradient(145deg,#332630,#3a2630) !important}
html[data-theme="dark"] .election-card{background:#2a262a !important;border-color:#453b41 !important}
html[data-theme="dark"] .btn.outline{background:#2d292d !important;border-color:#4a4046 !important;color:#fff !important}
html[data-theme="dark"] .btn.outline:hover{background:#363036 !important;border-color:#705061 !important}
html[data-theme="dark"] footer{background:#242024 !important;border-top-color:#40383d !important}
html[data-theme="dark"] .loader{background:radial-gradient(circle at 50% 42%,#2a2529,#211e21 70%,#1e1b1e) !important}
html[data-theme="dark"] .candidate-hero-copy,
html[data-theme="dark"] .hero-lead,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .about-card p,
html[data-theme="dark"] .about-copy p,
html[data-theme="dark"] .issue-copy p,
html[data-theme="dark"] .position-box p,
html[data-theme="dark"] .fact span,
html[data-theme="dark"] .ask p,
html[data-theme="dark"] .side-card p,
html[data-theme="dark"] .page-summary,
html[data-theme="dark"] .vote-hero-card p,
html[data-theme="dark"] .voting-card p,
html[data-theme="dark"] .voting-note-card p{color:#d8cfd4 !important}

/* General responsive safety. */
main,section,.wrap,.narrow,.candidate-hero-split,.issue-layout,.contact-card,.voting-primary-grid,.voting-help-grid{min-width:0}
h1,h2,h3,p,a,span,strong,label{overflow-wrap:break-word}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{max-width:100%}

/* Mobile/tablet header: brand left, theme + menu right, no collisions. */
@media(max-width:1080px){
  .site-header .wrap.navrow{
    width:calc(100% - 28px) !important;
    height:72px !important;
    gap:9px !important;
    display:flex !important;
    flex-wrap:nowrap !important;
  }
  .site-header .brand{
    min-width:0 !important;
    max-width:calc(100% - 170px);
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.95rem !important;
  }
  .site-header .brand small{display:none !important}
  .site-header .theme-toggle{
    margin-left:auto !important;
    height:42px !important;
    min-height:42px !important;
    padding:0 12px !important;
    font-size:.82rem !important;
    gap:6px !important;
    flex:0 0 auto !important;
  }
  .site-header .theme-label{display:inline !important}
  .site-header .menu{
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 8px !important;
    color:var(--ink) !important;
    font-size:.78rem !important;
    line-height:1 !important;
  }
  .site-header .nav{
    top:72px !important;
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:14px 16px 22px !important;
    gap:6px !important;
    background:var(--white) !important;
  }
  .site-header .nav > a,
  .site-header .dropbtn{
    min-height:48px !important;
    padding:0 14px !important;
    font-size:1rem !important;
    font-weight:800 !important;
  }
  .site-header .vote-nav-link,
  .site-header .nav-cta{
    min-height:50px !important;
    height:auto !important;
    width:100% !important;
  }
  .site-header .dropdown-panel{max-width:100% !important}
  .site-header .dropdown-panel a{padding:12px 14px !important}
  html[data-theme="dark"] .site-header .nav{background:#2a262a !important;border-bottom-color:#40383d !important}
}

@media(max-width:540px){
  .site-header .wrap.navrow{width:calc(100% - 20px) !important;height:68px !important;gap:6px !important}
  .site-header .brand{font-size:.82rem !important;max-width:calc(100% - 154px)}
  .site-header .theme-toggle{height:40px !important;min-height:40px !important;padding:0 9px !important;font-size:.74rem !important}
  .site-header .theme-icon{font-size:.92rem !important}
  .site-header .menu{min-height:40px !important;font-size:.72rem !important;padding:0 5px !important}
  .site-header .nav{top:68px !important;max-height:calc(100dvh - 68px)}
}

/* Candidate intro behaves gracefully on phones. */
@media(max-width:900px){
  .candidate-hero{padding:54px 0 62px !important}
  .candidate-hero-split{grid-template-columns:1fr !important;gap:34px !important}
  .candidate-hero-copyblock{max-width:100% !important;text-align:center !important}
  .candidate-kicker{font-size:.86rem !important;line-height:1.45 !important;letter-spacing:.14em !important}
  .candidate-hero-copyblock .candidate-hero-name{
    font-size:clamp(3.4rem,15vw,6.5rem) !important;
    line-height:.81 !important;
    letter-spacing:-.075em !important;
  }
  .candidate-hero-tagline{justify-content:center !important;white-space:normal !important;flex-wrap:wrap !important;gap:5px 14px !important;font-size:1.12rem !important;line-height:1.35 !important}
  .candidate-hero-copy{font-size:1.02rem !important;line-height:1.65 !important;margin-inline:auto !important}
  .candidate-hero-actions{justify-content:center !important;margin-top:26px !important}
  .candidate-hero-photo{min-height:460px !important}
  .candidate-hero-photo img{height:445px !important;width:min(88%,430px) !important}
}
@media(max-width:560px){
  .candidate-hero{padding:42px 0 52px !important}
  .candidate-hero-copyblock .candidate-hero-name{font-size:clamp(3rem,16vw,4.9rem) !important;line-height:.84 !important}
  .candidate-hero-tagline{font-size:1.03rem !important}
  .candidate-hero-actions{display:grid !important;grid-template-columns:1fr !important;width:100% !important;gap:10px !important}
  .candidate-hero-actions .btn{width:100% !important;min-height:52px !important;font-size:1rem !important}
  .candidate-hero-photo{min-height:390px !important}
  .candidate-hero-photo img{height:380px !important;width:min(94%,360px) !important}
  .candidate-photo-backdrop{inset:24px 3% 0 9% !important}
}

/* Voting homepage cards: compact and fully readable on mobile. */
@media(max-width:760px){
  .vote-hero{padding:38px 0 34px !important}
  .vote-hero-title{font-size:clamp(2.65rem,13vw,4.1rem) !important;line-height:.9 !important}
  .vote-hero-lead{font-size:1rem !important;line-height:1.6 !important}
  .vote-hero-grid{grid-template-columns:1fr !important;gap:14px !important}
  .vote-hero-card{min-height:0 !important;padding:22px !important;border-radius:22px !important}
  .vote-card-date{font-size:clamp(2.5rem,12vw,3.7rem) !important}
  .election-huge{font-size:clamp(3rem,14vw,4.2rem) !important}
  .vote-action,.advance-actions .btn{min-height:48px !important;font-size:.95rem !important}
  .advance-strip{display:grid !important;grid-template-columns:1fr !important;gap:14px !important;padding:20px !important}
  .advance-actions{display:grid !important;grid-template-columns:1fr !important;width:100% !important}
  .advance-actions .btn{width:100% !important}
}

/* Bio + gallery reading comfort. */
@media(max-width:700px){
  .candidate-bio-copy,.candidate-bio-copy p,.candidate-bio-copy .lead{font-size:17px !important;line-height:1.72 !important}
  .candidate-bio-copy p{margin-bottom:1.1em !important}
  .bio-photo-grid{grid-template-columns:1fr !important;gap:16px !important}
  .bio-photo-card{border-radius:22px !important}
  .bio-photo-card figcaption{padding:18px !important}
}

/* Issue and research pages. */
@media(max-width:820px){
  .page-hero{padding:50px 0 38px !important}
  .page-hero h1,.issue-hero h1{font-size:clamp(2.6rem,12vw,4.6rem) !important;line-height:.92 !important}
  .issue-layout,.issue-hub-intro,.section-head,.section-head.compact{grid-template-columns:1fr !important;gap:24px !important}
  .issue-copy > h2,.issue-copy .position-box > h2{font-size:1.7rem !important;line-height:1.15 !important}
  .issue-copy > p,.issue-copy .position-box > p,.ask p,.side-card p,.page-summary{font-size:1.02rem !important;line-height:1.7 !important}
  .facts,.issue-grid,.method-grid{grid-template-columns:1fr !important}
  .research-table{overflow-x:auto !important;-webkit-overflow-scrolling:touch}
  .research-row{min-width:0 !important;grid-template-columns:1fr !important}
  .research-row a{grid-column:auto !important}
  .source-box,.side-card,.position-box,.ask,.fact{border-radius:20px !important}
}

/* Voting detail page. */
@media(max-width:820px){
  .voting-page-hero{padding:48px 0 34px !important}
  .voting-page-hero h1{font-size:clamp(3rem,15vw,5.4rem) !important;line-height:.82 !important}
  .voting-page-hero p{font-size:1.02rem !important;line-height:1.65 !important}
  .voting-primary{padding:24px 0 58px !important}
  .voting-primary-grid,.voting-help-grid{grid-template-columns:1fr !important;gap:18px !important}
  .voting-big-date{min-height:390px !important;padding:28px !important;border-radius:28px !important}
  .voting-big-date strong{font-size:clamp(3.7rem,18vw,6rem) !important}
  .voting-card{min-height:0 !important;padding:26px !important;border-radius:26px !important}
  .voting-card h2{font-size:clamp(2.7rem,13vw,4.5rem) !important}
  .action-card{align-items:flex-start !important;flex-direction:column !important;gap:7px !important;padding:18px !important}
  .action-card span{max-width:none !important;font-size:.94rem !important}
  .voting-note-card{padding:26px !important;border-radius:24px !important}
}

/* Speak to Vamini: mobile stack, touch targets, no clipped copy. */
@media(max-width:900px){
  #contact .contact-card{grid-template-columns:1fr !important;gap:28px !important;padding:28px !important}
  #contact .concern-form{width:100% !important;min-width:0 !important}
}
@media(max-width:620px){
  #contact.section{padding:58px 0 !important}
  #contact .contact-card{padding:20px !important;border-radius:24px !important}
  #contact h2{font-size:clamp(2.25rem,12vw,3.4rem) !important;line-height:1 !important}
  #contact .muted{font-size:1rem !important;line-height:1.7 !important}
  #contact .topic-pills{gap:8px !important}
  #contact .topic-pills span{min-height:42px !important;padding:9px 13px !important;font-size:.9rem !important}
  #contact .concern-form{padding:18px !important;border-radius:20px !important}
  #contact .form-grid{grid-template-columns:1fr !important;gap:0 !important}
  #contact .field{font-size:1rem !important;margin-bottom:14px !important}
  #contact .field input,#contact .field select,#contact .field textarea{font-size:16px !important;padding:13px 14px !important}
  #contact .field input,#contact .field select{min-height:50px !important}
  #contact .checkbox{font-size:.98rem !important;align-items:flex-start !important}
  #contact .btn.primary{width:100% !important;min-height:52px !important}
  #contact .form-note{font-size:.9rem !important;overflow-wrap:anywhere !important}
}

/* Footer and common controls. */
@media(max-width:620px){
  .wrap,.narrow{width:calc(100% - 28px) !important}
  .section{padding:62px 0 !important}
  .footer-grid{gap:24px !important}
  .footer-links{display:flex !important;flex-wrap:wrap !important;gap:10px 16px !important}
  .footer-note{font-size:.88rem !important;line-height:1.6 !important}
  .button-row{display:grid !important;grid-template-columns:1fr !important}
  .button-row .btn{width:100% !important;min-height:48px !important}
}

@media(prefers-reduced-motion:reduce){
  .site-header .theme-toggle{transform:none !important}
}

/* ===== V31: full light/dark readability + contrast pass ===== */
/* Light mode: force readable text on pale cards and surfaces. */
:root{
  --readable-text:#171417;
  --readable-muted:#5f565c;
  --readable-link:#5b4e55;
}
body{color:var(--readable-text)}
.section-head p,.muted,.hero-lead,.page-summary,.issue-card p,.method p,.about-card p,.timeline span,.journal-caption span,.checkbox,.form-note{color:var(--readable-muted)}
.research-row{background:#fff;border-color:#e7dce1}
.research-row strong{color:#171417 !important;font-weight:800}
.research-row span{color:var(--ruby) !important;font-weight:850}
.research-row a{color:#665b61 !important;font-weight:650}
.research-row a:hover{color:var(--ruby) !important}
.research-warning{color:var(--ruby) !important;font-weight:900 !important;line-height:1.55}
.method h3,.issue-card h3,.fact strong,.ask h3,.side-card h3,.source-box h3,.timeline b,.journal-caption b,.bio-photo-card figcaption strong{color:var(--readable-text)}
.source-box,.source-box li,.side-nav a,.breadcrumbs,.footer-note{color:var(--readable-muted)}

/* Dark mode: use a warm charcoal canvas and high-contrast foregrounds everywhere. */
html[data-theme="dark"]{
  --ink:#fffafc;
  --muted:#e5dce1;
  --paper:#211e21;
  --ivory:#282428;
  --line:#51474d;
  --white:#302b2f;
  --ruby:#ff609c;
  --ruby-dark:#ff82b1;
  --ruby-soft:#4b2637;
  --readable-text:#fffafc;
  --readable-muted:#e5dce1;
  --readable-link:#f1dfe6;
}
html[data-theme="dark"] body{background:#211e21 !important;color:#fffafc !important}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] strong,
html[data-theme="dark"] label,
html[data-theme="dark"] .brand,
html[data-theme="dark"] .dropbtn,
html[data-theme="dark"] .nav>a,
html[data-theme="dark"] .method h3,
html[data-theme="dark"] .issue-card h3,
html[data-theme="dark"] .fact strong,
html[data-theme="dark"] .ask h3,
html[data-theme="dark"] .side-card h3,
html[data-theme="dark"] .source-box h3,
html[data-theme="dark"] .timeline b,
html[data-theme="dark"] .journal-caption b,
html[data-theme="dark"] .bio-photo-card figcaption strong{color:#fffafc !important}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .hero-lead,
html[data-theme="dark"] .page-summary,
html[data-theme="dark"] .issue-card p,
html[data-theme="dark"] .method p,
html[data-theme="dark"] .about-card p,
html[data-theme="dark"] .about-copy p,
html[data-theme="dark"] .issue-copy p,
html[data-theme="dark"] .position-box p,
html[data-theme="dark"] .fact span,
html[data-theme="dark"] .ask p,
html[data-theme="dark"] .side-card p,
html[data-theme="dark"] .timeline span,
html[data-theme="dark"] .journal-caption span,
html[data-theme="dark"] .breadcrumbs,
html[data-theme="dark"] .footer-note{color:#e5dce1 !important}

/* Make every card surface use the same dark palette instead of white-on-white conflicts. */
html[data-theme="dark"] .research-row,
html[data-theme="dark"] .method,
html[data-theme="dark"] .issue-card,
html[data-theme="dark"] .fact,
html[data-theme="dark"] .ask,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .source-box,
html[data-theme="dark"] .bio-photo-card,
html[data-theme="dark"] .journal-caption,
html[data-theme="dark"] .dropdown-panel,
html[data-theme="dark"] .position-box,
html[data-theme="dark"] .about-card,
html[data-theme="dark"] .advance-strip,
html[data-theme="dark"] .vote-hero-card,
html[data-theme="dark"] .voting-card,
html[data-theme="dark"] .voting-note-card,
html[data-theme="dark"] .action-card{
  background:#302b2f !important;
  border-color:#51474d !important;
  color:#fffafc !important;
}

/* Research ledger: this was the low-contrast problem in the screenshot. */
html[data-theme="dark"] .research-table{background:transparent !important}
html[data-theme="dark"] .research-row strong{color:#fffafc !important;font-weight:850 !important}
html[data-theme="dark"] .research-row span{color:#ff72a9 !important;font-weight:900 !important}
html[data-theme="dark"] .research-row a{color:#f1dfe6 !important;font-weight:700 !important;text-decoration-color:#aa8f9b !important}
html[data-theme="dark"] .research-row a:hover{color:#ff8cba !important}
html[data-theme="dark"] .research-warning{color:#ff72a9 !important;font-weight:900 !important}

/* Side navigation and source links remain clearly visible. */
html[data-theme="dark"] .side-nav a{color:#eee5e9 !important}
html[data-theme="dark"] .side-nav a:hover,
html[data-theme="dark"] .side-nav a.active{color:#fff !important;background:#4b2637 !important}
html[data-theme="dark"] .source-box a,
html[data-theme="dark"] .issue-copy a:not(.btn),
html[data-theme="dark"] .breadcrumbs a{color:#ff91bd !important;text-decoration-color:#b76486 !important}

/* Buttons: readable labels in both themes. */
.btn.primary,.nav-cta,.vote-nav-link{color:#fff !important}
html[data-theme="dark"] .btn.primary,
html[data-theme="dark"] .nav-cta,
html[data-theme="dark"] .vote-nav-link,
html[data-theme="dark"] .site-header .theme-toggle{background:#c32062 !important;border-color:#c32062 !important;color:#fff !important}
html[data-theme="dark"] .btn.primary:hover,
html[data-theme="dark"] .nav-cta:hover,
html[data-theme="dark"] .vote-nav-link:hover,
html[data-theme="dark"] .site-header .theme-toggle:hover{background:#df2c75 !important;border-color:#df2c75 !important}

/* Contact form intentionally remains a light high-contrast island in both themes. */
html[data-theme="dark"] #contact .contact-card{background:#fff !important;color:#111 !important;border-color:#e6dbe0 !important}
html[data-theme="dark"] #contact .concern-form{background:#fff8fb !important;color:#111 !important;border-color:#eadbe1 !important}
html[data-theme="dark"] #contact h2,
html[data-theme="dark"] #contact .muted,
html[data-theme="dark"] #contact .field,
html[data-theme="dark"] #contact .checkbox,
html[data-theme="dark"] #contact .form-note{color:#111 !important}
html[data-theme="dark"] #contact .eyebrow{color:#b01957 !important}
html[data-theme="dark"] #contact .topic-pills span,
html[data-theme="dark"] #contact .btn.primary{background:#b01957 !important;border-color:#b01957 !important;color:#fff !important}
html[data-theme="dark"] #contact .field input,
html[data-theme="dark"] #contact .field select,
html[data-theme="dark"] #contact .field textarea{background:#fff !important;color:#111 !important;border-color:#cfc0c7 !important}
html[data-theme="dark"] #contact .field input::placeholder,
html[data-theme="dark"] #contact .field textarea::placeholder{color:#5b5357 !important;opacity:1 !important}

/* Footer + menu readability. */
html[data-theme="dark"] footer{background:#282428 !important;color:#f7f2f5 !important;border-top-color:#51474d !important}
html[data-theme="dark"] footer a{color:#f4e9ee !important}
html[data-theme="dark"] footer a:hover{color:#ff8cba !important}
html[data-theme="dark"] .site-header{background:rgba(33,30,33,.96) !important}
html[data-theme="dark"] .site-header .menu{color:#fffafc !important}
html[data-theme="dark"] .dropdown-panel small{color:#d9cdd3 !important}

/* Prevent browser autofill / native control colors from creating unreadable combinations. */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{color-scheme:dark}
html[data-theme="dark"] #contact input,
html[data-theme="dark"] #contact textarea,
html[data-theme="dark"] #contact select{color-scheme:light}

@media(max-width:820px){
  .research-row strong{font-size:1rem !important}
  .research-row span{font-size:1rem !important}
  .research-row a{font-size:.95rem !important;line-height:1.45 !important}
  .research-warning{font-size:1rem !important}
}


/* ===== V32: site-wide theme contrast, date integrity, compact icon toggle ===== */
/* The theme button is intentionally compact so it never competes with navigation. */
.site-header .theme-toggle{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  padding:0 !important;
  border-radius:999px !important;
  background:#b01957 !important;
  border:1px solid rgba(176,25,87,.18) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(176,25,87,.18) !important;
  gap:0 !important;
}
.site-header .theme-toggle:hover{
  background:#c32165 !important;
  border-color:#c32165 !important;
  box-shadow:0 11px 28px rgba(176,25,87,.24) !important;
  transform:translateY(-1px) !important;
}
.site-header .theme-toggle .theme-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.site-header .theme-toggle .theme-icon{
  width:22px !important;
  height:22px !important;
  display:grid !important;
  place-items:center !important;
  font-size:0 !important;
  line-height:1 !important;
}
.site-header .theme-toggle .theme-icon::before{
  content:"☾";
  display:block;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.55rem;
  font-weight:700;
  line-height:1;
  transform:translateY(-1px);
}
html[data-theme="dark"] .site-header .theme-toggle .theme-icon::before{
  content:"☀";
  font-family:Arial,sans-serif;
  font-size:1.18rem;
  transform:none;
}

/* Light theme: explicit, readable foregrounds on every major surface. */
html:not([data-theme="dark"]) body{background:#fffdfb !important;color:#171417 !important}
html:not([data-theme="dark"]) .voting-page-hero,
html:not([data-theme="dark"]) .voting-primary,
html:not([data-theme="dark"]) .page-hero{background:#fffdfb !important;color:#171417 !important}
html:not([data-theme="dark"]) .soft{background:#faf7f5 !important}
html:not([data-theme="dark"]) .voting-page-hero h1,
html:not([data-theme="dark"]) .page-title,
html:not([data-theme="dark"]) .h2,
html:not([data-theme="dark"]) .issue-copy h2,
html:not([data-theme="dark"]) .voting-card h2,
html:not([data-theme="dark"]) .voting-note-card h2{color:#171417 !important}
html:not([data-theme="dark"]) .voting-page-hero h1 span{color:#b01957 !important}
html:not([data-theme="dark"]) .voting-page-hero p,
html:not([data-theme="dark"]) .page-summary,
html:not([data-theme="dark"]) .issue-copy p,
html:not([data-theme="dark"]) .position-box p,
html:not([data-theme="dark"]) .ask p,
html:not([data-theme="dark"]) .side-card p,
html:not([data-theme="dark"]) .voting-card p,
html:not([data-theme="dark"]) .voting-note-card p,
html:not([data-theme="dark"]) .action-card span,
html:not([data-theme="dark"]) .small{color:#554d51 !important}
html:not([data-theme="dark"]) .action-card b{color:#171417 !important}
html:not([data-theme="dark"]) .action-card,
html:not([data-theme="dark"]) .voting-card,
html:not([data-theme="dark"]) .voting-note-card,
html:not([data-theme="dark"]) .research-row,
html:not([data-theme="dark"]) .fact,
html:not([data-theme="dark"]) .ask,
html:not([data-theme="dark"]) .side-card,
html:not([data-theme="dark"]) .source-box,
html:not([data-theme="dark"]) .issue-card,
html:not([data-theme="dark"]) .method{background:#fff !important;color:#171417 !important}

/* Dark theme: warm charcoal rather than pitch black, with deliberate high contrast. */
html[data-theme="dark"]{
  --paper:#242124 !important;
  --ivory:#2a2629 !important;
  --white:#342f33 !important;
  --ink:#fffafc !important;
  --muted:#ddd2d8 !important;
  --line:#554b51 !important;
  --ruby:#ff659f !important;
  --ruby-dark:#ff86b5 !important;
  --ruby-soft:#4b2837 !important;
}
html[data-theme="dark"] body{background:#242124 !important;color:#fffafc !important}
html[data-theme="dark"] main{background:#242124 !important;color:#fffafc !important}
html[data-theme="dark"] .site-header{background:rgba(36,33,36,.96) !important;border-bottom-color:#554b51 !important}
html[data-theme="dark"] .election-bar{background:#2a2629 !important;color:#fffafc !important}
html[data-theme="dark"] .voting-page-hero,
html[data-theme="dark"] .voting-primary,
html[data-theme="dark"] .page-hero{background:#242124 !important;color:#fffafc !important;border-color:#554b51 !important}
html[data-theme="dark"] .soft{background:#2a2629 !important}
html[data-theme="dark"] .candidate-hero{background:linear-gradient(180deg,#242124 0%,#272326 70%,#2a2529 100%) !important}

html[data-theme="dark"] .voting-page-hero h1,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .h2,
html[data-theme="dark"] .h3,
html[data-theme="dark"] .issue-copy h2,
html[data-theme="dark"] .position-box h2,
html[data-theme="dark"] .voting-card h2,
html[data-theme="dark"] .voting-note-card h2,
html[data-theme="dark"] .action-card b,
html[data-theme="dark"] .fact b,
html[data-theme="dark"] .ask b,
html[data-theme="dark"] .issue-card h3,
html[data-theme="dark"] .method h3,
html[data-theme="dark"] .side-card h3,
html[data-theme="dark"] .source-box h3{color:#fffafc !important}
html[data-theme="dark"] .voting-page-hero h1 span{color:#ff659f !important}

html[data-theme="dark"] main p,
html[data-theme="dark"] main li,
html[data-theme="dark"] .page-summary,
html[data-theme="dark"] .issue-copy p,
html[data-theme="dark"] .position-box p,
html[data-theme="dark"] .fact span,
html[data-theme="dark"] .ask p,
html[data-theme="dark"] .side-card p,
html[data-theme="dark"] .source-box li,
html[data-theme="dark"] .voting-card p,
html[data-theme="dark"] .voting-note-card p,
html[data-theme="dark"] .action-card span,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .small,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .footer-note{color:#e6dde2 !important}

html[data-theme="dark"] .voting-card,
html[data-theme="dark"] .voting-card.online-card,
html[data-theme="dark"] .voting-note-card,
html[data-theme="dark"] .action-card,
html[data-theme="dark"] .research-row,
html[data-theme="dark"] .fact,
html[data-theme="dark"] .ask,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .source-box,
html[data-theme="dark"] .issue-card,
html[data-theme="dark"] .method,
html[data-theme="dark"] .position-box,
html[data-theme="dark"] .about-card,
html[data-theme="dark"] .bio-photo-card{background:#342f33 !important;border-color:#554b51 !important;color:#fffafc !important}
html[data-theme="dark"] .action-card:hover,
html[data-theme="dark"] .issue-card:hover{border-color:#8a6b78 !important}
html[data-theme="dark"] .research-row strong,
html[data-theme="dark"] .research-row b{color:#fffafc !important}
html[data-theme="dark"] .research-row span,
html[data-theme="dark"] .research-warning,
html[data-theme="dark"] .eyebrow,
html[data-theme="dark"] .stance,
html[data-theme="dark"] .tile-label,
html[data-theme="dark"] .card-action,
html[data-theme="dark"] .go{color:#ff76aa !important}
html[data-theme="dark"] .research-row a,
html[data-theme="dark"] .source-box a,
html[data-theme="dark"] .breadcrumbs a,
html[data-theme="dark"] .issue-copy a:not(.btn){color:#ffd0e1 !important;text-decoration-color:#a97a8d !important}
html[data-theme="dark"] .breadcrumbs{color:#d8ccd2 !important}

/* Keep the election hero card dark in either theme and keep all of its copy legible. */
.voting-big-date{background:#141215 !important;color:#fff !important}
.voting-big-date span{color:#ff9ac0 !important}
.voting-big-date strong{color:#fff !important;white-space:nowrap !important;font-size:clamp(3.15rem,5.9vw,6.35rem) !important;line-height:.88 !important;letter-spacing:-.075em !important}
.voting-big-date em{color:#d8cfd4 !important}
.voting-big-date .btn{background:#b01957 !important;border-color:#b01957 !important;color:#fff !important}
html[data-theme="dark"] .voting-big-date .btn{background:#ff659f !important;border-color:#ff659f !important;color:#211d20 !important}

/* Voting help and source cards must never fade into their surfaces. */
.action-card b{font-weight:850 !important}
.action-card span{font-size:.96rem !important;line-height:1.5 !important}
html[data-theme="dark"] .action-card span{color:#e4d9df !important}
html[data-theme="dark"] .action-card b{color:#fff !important}
html[data-theme="dark"] .voting-card p b{color:#fff !important}

/* Preserve the deliberately light contact form in dark mode. */
html[data-theme="dark"] #contact .contact-card{background:#fff !important;color:#111 !important}
html[data-theme="dark"] #contact .concern-form{background:#fff8fb !important;color:#111 !important}
html[data-theme="dark"] #contact p,
html[data-theme="dark"] #contact label,
html[data-theme="dark"] #contact .field,
html[data-theme="dark"] #contact .checkbox,
html[data-theme="dark"] #contact .form-note{color:#111 !important}

/* Mobile: keep the date whole and the theme control compact. */
@media(max-width:700px){
  .voting-big-date strong{font-size:clamp(2.7rem,11.5vw,4.45rem) !important;white-space:nowrap !important}
}
@media(max-width:620px){
  .site-header .theme-toggle{width:42px !important;height:42px !important;min-width:42px !important;min-height:42px !important}
  .site-header .theme-toggle .theme-icon::before{font-size:1.42rem}
  html[data-theme="dark"] .site-header .theme-toggle .theme-icon::before{font-size:1.08rem}
}

/* V33 — readability fixes */
/* All-caps display headings: the tight tracking made letters touch (e.g. the I and N in INFORMATION). */
.vote-hero-title,.candidate-hero-copyblock .candidate-hero-name,.voting-page-hero h1,.vote-card-date,.voting-card h2{letter-spacing:-.02em !important}
.voting-big-date strong{letter-spacing:-.04em !important;font-size:clamp(2.8rem,5.6vw,5.1rem) !important}
/* Light mode: footer copy sits on the dark footer, so keep it light. */
footer .footer-note{color:#a99fa4}
html:not([data-theme="dark"]) footer .small{color:#b9afb4 !important}
/* Dark mode: voting times and advance-voting details were grey on charcoal; online-voting button was white on bright pink. */
html[data-theme="dark"] .vote-card-times,
html[data-theme="dark"] .advance-strip span:last-child{color:#d8cfd4}
html[data-theme="dark"] .primary-vote{background:#c32062;border-color:#c32062}
html[data-theme="dark"] .primary-vote:hover{background:#df2c75;border-color:#df2c75}