.people-umbrella-viz{--pu-ink:#28354f;--pu-purple:#76627f;--pu-coral:#b94072;--pu-orange:#c26124;margin:clamp(30px,5vw,66px) 0;min-width:0;border:1px solid #cfc9d6;border-radius:22px;overflow:hidden;background:#fffdfa;box-shadow:0 24px 60px rgba(34,42,63,.11);color:var(--pu-ink)}
.people-umbrella-viz-head{display:flex;align-items:end;justify-content:space-between;gap:34px;padding:clamp(25px,4vw,46px);background:linear-gradient(115deg,#273859 0%,#4d4673 55%,#813f73 100%);color:#fff;position:relative;isolation:isolate}
.people-umbrella-viz-head:after{content:'';position:absolute;right:-6%;top:-95%;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 43px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025);z-index:-1}
.people-umbrella-viz .people-umbrella-viz-eyebrow{font-size:.75rem;line-height:1.4;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fbc4df;margin:0 0 16px;max-width:none}
.people-umbrella-viz-eyebrow span{color:#f3a054;padding:0 .35em}
.people-umbrella-viz h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;letter-spacing:-.035em;color:#fff;max-width:18ch;margin:0 0 16px}
.people-umbrella-viz-head p:last-child{font-size:clamp(.98rem,1.35vw,1.08rem);line-height:1.7;color:#f4f0f7;max-width:66ch;margin:0}
.people-umbrella-viz-index{display:grid;align-content:center;justify-items:center;flex:none;min-width:112px;min-height:112px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.12);font-size:2.5rem;line-height:1;font-weight:800;color:#fff;letter-spacing:-.04em}
.people-umbrella-viz-index span{font-size:.65rem;line-height:1.4;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#ffd2a4;margin-top:4px}
.people-umbrella-viz-inner{padding:clamp(20px,3.4vw,38px)}
.people-umbrella-viz-measures{display:flex;flex-wrap:wrap;gap:9px;padding-bottom:25px;border-bottom:1px solid #ddd6df}
.people-umbrella-viz-measures button{border:1px solid #c7bece;border-radius:999px;padding:10px 16px;min-height:44px;background:#f8f5fa;color:#38405a;font:inherit;font-size:.85rem;line-height:1.3;font-weight:750;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.people-umbrella-viz-measures button:hover{background:#ece5f3;border-color:#76627f}
.people-umbrella-viz-measures button[aria-pressed=true]{background:#604b75;color:#fff;border-color:#604b75}
.people-umbrella-viz button:focus-visible,.people-umbrella-viz a:focus-visible,.people-umbrella-viz summary:focus-visible{outline:3px solid #dc753e;outline-offset:3px}
.people-umbrella-viz-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(215px,.8fr);gap:clamp(18px,3vw,36px);padding-top:24px}
.people-umbrella-viz-plot{min-width:0;align-self:start}
.people-umbrella-viz-scale{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px;padding:0 2px 10px;border-bottom:1px solid #e0dce5;color:#5b5d69;font-size:.74rem;line-height:1.35}
.people-umbrella-viz-scale span:nth-child(2){text-align:center;color:#513f64;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.people-umbrella-viz-rows{display:grid;gap:8px}
.people-umbrella-viz-row{display:grid;grid-template-columns:76px minmax(0,1fr) 85px;align-items:center;gap:15px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:10px;background:#fbfafb;color:#293b3b;font:inherit;text-align:left;cursor:pointer}
.people-umbrella-viz-row:hover{background:#f5eff6;border-color:#d8cada}
.people-umbrella-viz-row[aria-pressed=true]{background:#f0eaf2;border-color:#aa8db0;box-shadow:inset 4px 0 #a74375}
.people-umbrella-county-name{font-size:.88rem;font-weight:800;line-height:1.2}
.people-umbrella-viz-row strong{font-size:.88rem;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#24364c}
.people-umbrella-viz-track{display:block;position:relative;min-width:0;height:18px;border-radius:2px;background:repeating-linear-gradient(90deg,#eae7ed 0,#eae7ed calc(25% - 1px),#d9d2dc calc(25% - 1px),#d9d2dc 25%);overflow:hidden}
.people-umbrella-viz-track[data-signed=true]:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#60566a;z-index:1}
.people-umbrella-viz-bar{display:block;height:100%;width:var(--bar-width);max-width:100%;background:var(--bar-color);border-radius:2px;min-width:0}
.people-umbrella-viz-track[data-signed=true] .people-umbrella-viz-bar{position:absolute;left:50%;top:0}
.people-umbrella-viz-track[data-signed=true] .people-umbrella-viz-bar[data-negative=true]{left:auto;right:50%}
.people-umbrella-viz-context{border-radius:14px;padding:27px 25px;background:linear-gradient(155deg,#283a58,#45456c 82%);color:#fff;box-shadow:0 12px 28px rgba(36,45,69,.15);min-width:0}
.people-umbrella-viz .people-umbrella-context-kicker{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#ffc6df;font-weight:800;margin:0 0 17px}
.people-umbrella-viz-context h3{font-size:1.27rem;line-height:1.3;color:#fff;margin:0 0 8px}
.people-umbrella-context-value{display:block;font-size:clamp(2rem,4vw,3.4rem);line-height:1;font-weight:800;letter-spacing:-.06em;color:#ffd2a4;margin:0 0 20px;font-variant-numeric:tabular-nums}
.people-umbrella-viz .people-umbrella-context-meaning{font-size:.87rem;line-height:1.65;color:#f0e9f6;max-width:none;margin:0}
.people-umbrella-viz .people-umbrella-viz-source{font-size:.76rem;line-height:1.6;color:#555c64;margin:25px 0 0;max-width:none}
.people-umbrella-viz-source a{color:#704284;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.people-umbrella-viz-table{margin-top:22px;padding-top:18px;border-top:1px solid #ddd6df;color:#38405a}
.people-umbrella-viz-table summary{cursor:pointer;min-height:36px;font-size:.85rem;font-weight:800}
.people-umbrella-viz-table>div{overflow:auto;max-width:100%;margin-top:12px}
.people-umbrella-viz-table table{width:100%;border-collapse:collapse;font-size:.84rem}
.people-umbrella-viz-table caption{text-align:left;font-weight:750;padding:7px 0 12px;color:#283a58}
.people-umbrella-viz-table th,.people-umbrella-viz-table td{border-bottom:1px solid #e0dce5;padding:10px;text-align:left}
.people-umbrella-viz-table thead th{background:#eee9f2;color:#303750}
.people-umbrella-viz-table tbody th{background:#fbfafb;color:#303750}
.people-umbrella-viz-table td{font-variant-numeric:tabular-nums}
@media(max-width:800px){.people-umbrella-viz-grid{grid-template-columns:1fr}.people-umbrella-viz-context{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);column-gap:20px;align-items:start}.people-umbrella-context-kicker,.people-umbrella-viz-context h3,.people-umbrella-context-value{grid-column:1}.people-umbrella-context-meaning{grid-column:2;grid-row:1/4}}
@media(max-width:560px){.people-umbrella-viz{border-radius:15px}.people-umbrella-viz-head{padding:28px 22px}.people-umbrella-viz-head:after{right:-30%;top:-40%}.people-umbrella-viz-index{display:none}.people-umbrella-viz-inner{padding:21px 16px}.people-umbrella-viz-measures{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;padding:0 1px 17px;margin-right:-16px}.people-umbrella-viz-measures button{flex:none;scroll-snap-align:start}.people-umbrella-viz-row{grid-template-columns:59px minmax(0,1fr) 69px;gap:7px;padding:10px 6px}.people-umbrella-county-name,.people-umbrella-viz-row strong{font-size:.74rem}.people-umbrella-viz-scale{font-size:.63rem}.people-umbrella-viz-context{display:block;padding:22px 19px}.people-umbrella-viz .people-umbrella-context-meaning{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.people-umbrella-viz-measures button{transition:none}}
@media print{.people-umbrella-viz{break-inside:avoid;box-shadow:none}.people-umbrella-viz-measures{display:none}.people-umbrella-viz-table{display:block}.people-umbrella-viz-head,.people-umbrella-viz-context{print-color-adjust:exact;-webkit-print-color-adjust:exact}}