/* ADC Geography Visual System — pixel-directed v4 */
:root{--px-bg:#021325;--px-bg2:#051d35;--px-panel:rgba(5,31,56,.84);--px-panel2:rgba(8,42,72,.76);--px-line:rgba(48,178,255,.34);--px-cyan:#28c2ff;--px-blue:#198dff;--px-text:#f5fbff;--px-muted:#b6cce0;--px-dim:#7893ab;--px-lime:#b9ff6a;--px-warm:#ffbd6a}
html{scroll-behavior:smooth}
body{background:#031426;color:var(--px-text)}
main,.main-content{background:linear-gradient(180deg,#031426 0%,#061a2d 58%,#051522 100%)!important}
.px-hero{position:relative;overflow:hidden;min-height:430px;margin:0;padding:54px 48px 44px;border-radius:0;background:#061a31;color:#fff;isolation:isolate}
.px-hero:before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;z-index:-3;transform:scale(1.015)}
.px-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,14,28,.98) 0%,rgba(2,21,39,.88) 43%,rgba(2,18,33,.22) 74%,rgba(2,13,26,.10) 100%)}
.px-grid-overlay{position:absolute;inset:0;z-index:-1;opacity:.34;background-image:linear-gradient(rgba(29,178,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(29,178,255,.13) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent 0%,#000 48%,#000 100%)}
.px-hero-copy{position:relative;z-index:2;width:min(600px,52%)}
.px-kicker{display:block;margin-bottom:10px;color:#7ad5ff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.px-hero h1{margin:0;color:#fff;font-family:Inter,Arial,sans-serif;font-size:clamp(44px,5.7vw,76px);font-weight:800;line-height:.98;letter-spacing:-.045em;text-shadow:0 4px 24px rgba(0,0,0,.3)}
.px-hero h1 em{font-style:normal;color:#29bdff}
.px-hero h2{margin:8px 0 14px;color:#30d0ff;font-size:24px;font-weight:500;letter-spacing:-.02em}
.px-hero h2 b{color:#7fa2bf;font-weight:400}
.px-hero p{max-width:560px;margin:0;color:#e1edf7;font-size:17px;line-height:1.5}
.px-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.px-actions a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid rgba(88,196,255,.35);border-radius:7px;background:rgba(3,30,54,.74);color:#eff9ff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.px-actions a.primary{border-color:#2197ff;background:linear-gradient(180deg,#26a4ff,#137bed);box-shadow:0 0 24px rgba(32,161,255,.25)}
.px-outline{position:absolute;right:7%;top:50%;width:260px;height:210px;transform:translateY(-50%);border:1.5px solid rgba(44,201,255,.92);background:linear-gradient(135deg,rgba(31,169,255,.06),rgba(29,209,255,.02));box-shadow:0 0 16px rgba(38,196,255,.45),inset 0 0 28px rgba(37,177,255,.06);clip-path:polygon(11% 18%,34% 7%,57% 16%,82% 6%,93% 29%,88% 54%,98% 77%,73% 90%,45% 83%,23% 97%,7% 72%,14% 48%)}
.px-outline:before,.px-outline:after{content:"";position:absolute;background:#38d7ff;box-shadow:0 0 14px #34d3ff;border-radius:50%}
.px-outline:before{width:8px;height:8px;left:24%;top:58%}.px-outline:after{width:7px;height:7px;right:18%;top:34%}
.px-outline span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:5px 10px;border-radius:4px;background:rgba(2,20,37,.64);color:#e9fbff;font-size:12px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.px-outline-state{clip-path:polygon(12% 9%,92% 11%,90% 91%,10% 92%)}
.px-outline-county{width:290px;height:180px;clip-path:polygon(8% 24%,28% 8%,53% 18%,74% 4%,94% 22%,86% 45%,97% 72%,76% 90%,54% 82%,29% 97%,6% 72%,14% 49%)}
.px-outline-district{right:20%;width:210px;height:245px;clip-path:polygon(22% 4%,83% 12%,96% 38%,83% 62%,93% 92%,43% 98%,9% 77%,17% 50%,5% 23%)}
.px-capitol{position:absolute;right:3%;bottom:34px;color:rgba(255,205,138,.93);font-size:120px;filter:drop-shadow(0 0 24px rgba(255,190,110,.2));opacity:.9}
.px-kpi-row{display:grid;gap:8px;margin:0;padding:0 28px;transform:translateY(-1px);background:#021325}
.px-kpi-five{grid-template-columns:repeat(5,1fr)}.px-kpi-six{grid-template-columns:repeat(6,1fr)}.px-kpi-four{grid-template-columns:repeat(4,1fr)}
.px-kpi-row article{display:flex;align-items:center;gap:12px;min-height:94px;padding:15px 18px;border:1px solid rgba(42,165,238,.42);border-radius:7px;background:linear-gradient(180deg,rgba(7,42,71,.92),rgba(3,26,48,.96));box-shadow:inset 0 1px rgba(255,255,255,.03)}
.px-kpi-row i{width:34px;color:#3fc8ff;font-size:26px;text-align:center}.px-kpi-row strong{display:block;color:#fff;font-size:24px;line-height:1.05}.px-kpi-row span{display:block;margin-top:2px;color:#e9f6ff;font-size:12px}.px-kpi-row small{display:block;margin-top:3px;color:#8ca8bf;font-size:10px}
.px-tabs{display:grid;grid-template-columns:repeat(6,1fr);margin:18px 28px 12px;border:1px solid rgba(30,142,210,.45);border-radius:6px;overflow:hidden;background:#03182c}
.px-tabs a{padding:14px 8px;border-right:1px solid rgba(30,142,210,.28);color:#e0eef9;font-size:12px;text-align:center;text-decoration:none}.px-tabs a:last-child{border-right:0}.px-tabs a.active{background:linear-gradient(180deg,#1ca0ff,#147fe5);color:#fff;font-weight:800}
.px-insights{margin:12px 28px 30px;padding:20px;border:1px solid rgba(41,159,222,.34);border-radius:7px;background:linear-gradient(180deg,rgba(6,40,67,.92),rgba(3,25,46,.92))}
.px-section-title{display:flex;align-items:center;gap:10px}.px-section-title i{color:#4bd2ff;font-size:21px}.px-section-title h2{margin:0;color:#fff;font-size:23px}
.px-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.px-insight-grid article{display:flex;gap:14px;padding:17px;border:1px solid rgba(47,158,215,.34);border-radius:6px;background:rgba(4,29,50,.72)}.px-insight-grid article>i{color:#63d7ff;font-size:24px}.px-insight-grid strong{color:#fff}.px-insight-grid p{margin:5px 0 0;color:#b7cce0;font-size:12px;line-height:1.45}
.eyebrow{color:#5bcfff!important}.section-heading h2,.official-group-heading h3,.representation-heading h3{color:#f4fbff!important}.section-heading p,.official-district,.representation-scope{color:#9eb6ca!important}
.state-story-band,.state-districts,.state-counties,.state-section,.district-context,.district-next,.county-reality,.county-disclosure,.county-data-status{margin:18px 28px!important;padding:26px!important;border:1px solid rgba(34,151,216,.30)!important;border-radius:8px!important;background:linear-gradient(180deg,rgba(5,37,63,.88),rgba(3,25,45,.94))!important;color:#fff!important}
.official-card,.district-card,.snapshot-card,.county-number,.income-card,.representation-layers article,.district-civics-note{border:1px solid rgba(38,151,215,.35)!important;background:rgba(5,35,59,.84)!important;color:#fff!important;box-shadow:none!important}.official-card h3,.official-card h4,.official-name-link,.district-card h3,.snapshot-card strong,.county-number strong,.income-card strong{color:#fff!important}.snapshot-card span,.snapshot-card small,.county-number span,.county-number small,.income-card span,.income-card small{color:#94aec4!important}
.status-pill,.official-party,.party-badge,.scope-badge,.representation-badge{background:rgba(36,151,216,.14)!important;color:#6ed4ff!important;border:1px solid rgba(42,168,235,.3)!important}
@media(max-width:1000px){.px-hero-copy{width:66%}.px-outline{right:3%;width:220px}.px-kpi-six{grid-template-columns:repeat(3,1fr)}.px-kpi-five{grid-template-columns:repeat(3,1fr)}.px-insight-grid{grid-template-columns:1fr}}
@media(max-width:720px){.px-hero{min-height:520px;padding:38px 24px}.px-hero-copy{width:100%}.px-outline{top:auto;right:24px;bottom:28px;transform:none;width:180px;height:140px;opacity:.78}.px-capitol{font-size:70px}.px-kpi-row{grid-template-columns:1fr 1fr!important;padding:0 12px}.px-tabs{margin:14px 12px;grid-template-columns:repeat(3,1fr)}.px-insights,.state-story-band,.state-districts,.state-counties,.state-section,.district-context,.district-next,.county-reality,.county-disclosure,.county-data-status{margin:14px 12px!important}.px-hero h1{font-size:45px}}
.px-hero-district:before{background-image:linear-gradient(rgba(3,24,44,.12),rgba(3,24,44,.12)),var(--place-image);background-position:center}.district-context,.district-next{scroll-margin-top:95px}.district-context h2,.district-next h2{color:#fff!important}.district-context p,.district-next p{color:#a9c0d4!important}.district-next-link,.back-state{color:#65d0ff!important}.representation-layers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.representation-layers strong{color:#fff!important}

main.container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;}
