:root{--ink:#102a43;--muted:#526d80;--paper:#f5f8fa;--line:#d7e2ea;--blue:#176b87;--gold:#f6b24d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:#075985;text-underline-offset:3px}.wrap{width:min(1120px,100% - 40px);margin:auto}header{background:var(--ink);border-bottom:4px solid var(--gold)}.top{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:white;font-weight:750;font-size:1.05rem;text-decoration:none}nav{display:flex;gap:20px}nav a{color:#d8e9f2;text-decoration:none;font-size:.92rem}nav a:hover,nav a[aria-current]{color:white;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:7px}.intro{max-width:780px;padding:32px 0 24px}.intro p{margin:8px 0 0;color:var(--muted)}.eyebrow{color:var(--blue)!important;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:750}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.04em;margin:8px 0}h2{font-size:1.4rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 22px}h3{font-size:1.05rem;line-height:1.3;margin:0 0 12px}.layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}.panel,.article section{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 28px rgba(16,42,67,.06)}.step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding-bottom:24px}.step+.step{border-top:1px solid var(--line);padding-top:23px}.step:last-child{padding-bottom:0}.badge{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:white;font-size:.88rem}.fields,.parties{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields label:first-child{grid-column:1/-1}label{display:grid;gap:5px;font-size:.92rem;font-weight:650}label small{color:var(--muted);font-weight:400;font-size:.83rem}input{width:100%;min-width:0;border:1px solid #9eb2c1;border-radius:8px;padding:10px 12px;font:inherit;color:var(--ink);background:white}input:focus{outline:3px solid #94d5e4;outline-offset:1px}.hint{color:var(--muted);font-size:.88rem;margin:10px 0 0}.parties{margin-top:14px}.remaining{grid-column:1/-1;background:#edf5f8;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;gap:8px;font-size:.94rem}.error{background:#fff2db;color:#734400;border-radius:8px;padding:10px 12px}.journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journey div{background:#edf5f8;border-radius:10px;padding:12px;min-width:0}.journey span,.journey small{display:block;color:var(--muted);font-size:.8rem}.journey strong{display:block;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.25;margin:5px 0;overflow-wrap:anywhere}#invalid-out{margin-bottom:25px}.table-scroll{overflow-x:auto}table{width:100%;min-width:420px;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:var(--muted);font-size:.78rem;line-height:1.3;background:#f1f6f9}td,th{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:middle}tbody th{background:white;color:var(--ink);font-size:.9rem}td:last-child{font-weight:750;color:#0d716b}.below td:last-child{color:var(--muted)}.detail{display:inline-block;margin-top:22px;font-weight:700}.footnote{max-width:850px;color:var(--muted);font-size:.9rem;margin:22px 0 38px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;padding:22px 0 34px}.article{max-width:850px;padding-bottom:45px}.article .intro{padding-bottom:10px}.article section{margin:18px 0}.article section h2{margin-bottom:12px}.article p{margin:10px 0}.article li{margin:8px 0}.formula{background:#edf5f8;border-radius:8px;padding:13px;overflow-wrap:anywhere;font-weight:700}.back{display:inline-block;margin-top:14px}@media(max-width:790px){.layout{grid-template-columns:1fr}.panel{padding:20px}}@media(max-width:480px){.wrap{width:min(100% - 28px,1120px)}.top{align-items:flex-start;flex-direction:column;justify-content:center;padding:13px 0;gap:8px}nav{gap:16px}.fields{grid-template-columns:1fr}.fields label:first-child{grid-column:auto}.journey{grid-template-columns:1fr}.journey div{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.journey strong{margin:0}.article section{padding:18px}}
@media(max-width:790px){.layout{grid-template-columns:minmax(0,1fr)}.panel{min-width:0}}
.video-card{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:center;gap:28px;margin-top:22px;padding:24px;background:#e8f1f5;border:1px solid var(--line);border-radius:16px}.video-frame{width:min(100%,320px);justify-self:center;background:#102a43;border-radius:12px;overflow:hidden}.video-frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.video-kicker{margin:0 0 5px;color:var(--blue);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:750}.video-copy h2{margin:0 0 8px;font-size:1.35rem}.video-copy p{margin:0 0 18px;color:var(--muted);font-size:.95rem}.video-button{display:inline-block;padding:9px 14px;border-radius:8px;background:var(--ink);color:white;text-decoration:none;font-size:.9rem;font-weight:700;white-space:nowrap}.video-button:hover,.video-button:focus{background:var(--blue)}@media(max-width:690px){.video-card{grid-template-columns:minmax(0,1fr);padding:18px;gap:18px}.video-frame{width:min(100%,320px)}.video-copy{max-width:560px}}

.advanced{margin-top:14px;padding:12px;background:#f5f8fa;border:1px solid var(--line);border-radius:10px}.advanced summary{cursor:pointer;font-weight:700;color:var(--blue)}.advanced summary:focus{outline:3px solid #94d5e4;outline-offset:3px}.advanced .parties{margin-top:12px}.power-result{padding:16px;background:#edf5f8;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px}.power-result h3{margin:0 0 4px}.power-score{display:flex;align-items:baseline;gap:9px;margin:0}.power-score strong{font-size:2.4rem;line-height:1.1}.power-score span,.power-delta{color:var(--muted);font-size:.9rem}.power-delta{margin:7px 0 0}.vote-flow{margin:18px 0}.vote-flow h3{margin-bottom:10px}.vote-bar{height:18px;display:flex;overflow:hidden;border-radius:999px;background:#edf1f3}.bar-segment{height:100%;min-width:0;transition:width .18s ease}.bar-segment.power,.swatch.power{background:var(--ink)}.bar-segment.other,.swatch.other{background:var(--blue)}.bar-segment.invalid,.swatch.invalid{background:var(--gold)}.legend{margin-top:10px}.legend-item{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:7px;margin:5px 0;font-size:.82rem}.legend-item strong{text-align:right;font-variant-numeric:tabular-nums}.swatch{display:block;width:12px;height:12px;border-radius:3px}.power-row th,.power-row td{background:#e8f1f5}.power-row th{color:var(--ink)}

.journey strong{font-size:clamp(1rem,1.45vw,1.3rem);white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
input.range{height:22px;padding:0;border:0;background:transparent;accent-color:var(--blue);cursor:pointer}
.range-output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400!important}
.source-note{max-width:900px;color:var(--muted);font-size:.82rem;margin:8px 0 30px;font-variant-numeric:tabular-nums}
.result-error{margin:0 0 16px;border-left:4px solid var(--gold)}
.source-detail{margin-top:8px;color:var(--muted);font-size:.85rem}
.source-detail summary{width:fit-content;cursor:pointer;color:var(--blue);font-weight:650}
.source-detail p{margin:7px 0 0}
.model-flow{margin:16px 0;padding:14px;background:#f5f8fa;border:1px solid var(--line);border-radius:12px}
.model-flow h3{margin:0 0 10px}
.flow-total{display:flex;justify-content:center;align-items:baseline;gap:7px;padding:9px;background:white;border:1px solid var(--line);border-radius:8px}
.flow-total span,.flow-total small{color:var(--muted);font-size:.85rem}
.flow-total strong{font-size:1.2rem;font-variant-numeric:tabular-nums}
.flow-main{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);gap:8px;margin-top:8px}
.flow-node{min-width:0;padding:11px;background:white;border:1px solid var(--line);border-radius:8px}
.flow-node>span{display:block;color:var(--muted);font-size:.85rem}
.flow-node>strong{display:block;margin:4px 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.flow-node>small,.flow-leaf small{display:block;color:var(--muted);font-size:.76rem;line-height:1.35}
.power-node{border-top:4px solid var(--ink)}
.nonpower-node{border-top:4px solid var(--blue)}
.invalid-node{border-top:4px solid var(--gold)}
.valid-node{border-top:4px solid var(--blue)}
.flow-split-label{margin:8px 0 5px;color:var(--muted);font-size:.8rem}
.flow-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.flow-leaf{min-width:0;padding:8px;background:#f5f8fa;border:1px solid var(--line);border-radius:7px}
.flow-leaf span{display:block;font-size:.79rem;line-height:1.3}
.flow-leaf strong{display:block;margin:4px 0;font-size:1rem;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.comparison{margin:16px 0;padding:13px 15px;background:#fff8eb;border-left:4px solid var(--gold);border-radius:8px}
.comparison h3{margin:0 0 5px}
.comparison>p{margin:5px 0}
.comparison-value{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}
.comparison-value strong{font-size:1.65rem;line-height:1.15;font-variant-numeric:tabular-nums}
.comparison-value span{color:var(--muted);font-size:.84rem;line-height:1.35}
.transfer-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:16px 0;padding:13px;background:#f5f8fa;border:1px solid var(--line);border-radius:8px}.transfer-flow>div{min-width:0;padding:9px;background:white;border:1px solid var(--line);border-radius:7px}.transfer-flow span{display:block;color:var(--muted);font-size:.78rem;line-height:1.3}.transfer-flow strong{display:block;margin-top:4px;font-size:1.15rem;font-variant-numeric:tabular-nums}.transfer-flow .transfer-arrow{color:var(--blue);font-size:1.35rem;font-weight:700}.transfer-flow #transfer-party-out{display:inline;color:inherit;font-size:inherit}
.party-results{margin-top:18px}
.party-results h3{margin-bottom:9px}
@media(max-width:480px){.flow-main{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.intro{padding:22px 0 16px}.intro h1{font-size:2.2rem}.intro>p:not(.eyebrow){font-size:.96rem}}
.model-flow{padding:13px;margin:14px 0}
.model-flow h3{margin:0}
.flow-total{justify-content:flex-start;padding:0;margin:3px 0 8px;border:0;background:transparent}
.flow-total strong{font-size:inherit;color:var(--ink)}
.vote-caption{margin:0;color:var(--muted);font-size:.76rem}
.vote-bar{height:20px;gap:2px;margin:8px 0 10px;background:#e8edf0}
.vote-bar .bar-segment{min-width:0}
.vote-legend{list-style:none;margin:0;padding:0}
.vote-legend li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0;border-top:1px solid var(--line);font-size:.87rem}
.vote-legend li>span{display:flex;align-items:center;min-width:0}
.vote-legend li>strong{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.vote-legend li>small{color:var(--muted);font-size:.8rem;text-align:right;white-space:nowrap}
.vote-legend .swatch{display:inline-block;flex:0 0 12px;margin:0 8px 0 0}
.party-results{margin-top:14px}
.party-results>summary{cursor:pointer;color:var(--blue);font-weight:700}
.party-results[open]>summary{margin-bottom:8px}
.party-results .hint{margin:4px 0 10px}
.source-note{margin:0 0 24px}
.source-note>summary{cursor:pointer;color:var(--blue);font-size:.85rem;font-weight:650}
.source-note>p{margin:7px 0 0}
@media(max-width:480px){.vote-legend li{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}.vote-legend li>small{grid-column:2}.vote-legend li>span{grid-row:1 / span 2}.vote-legend li>strong{grid-column:2}}

.fields .field-control:first-child{grid-column:1/-1}
.field-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;min-width:0}
.field-control>label{grid-column:1/-1}
.field-control>input{grid-column:1;grid-row:2}
.field-control>.range-output{grid-column:1;grid-row:3}
.reset-button{grid-column:2;grid-row:2;align-self:center;border:1px solid var(--line);border-radius:8px;background:#edf5f8;color:var(--blue);padding:9px 10px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.reset-button:hover{background:#dceef4}
.reset-button:focus-visible{outline:3px solid #94d5e4;outline-offset:2px}
@media(max-width:480px){.fields .field-control:first-child{grid-column:auto}}
@media(max-width:640px){.transfer-flow{grid-template-columns:minmax(0,1fr);gap:6px}.transfer-flow .transfer-arrow{justify-self:center}}

.fields .transfer-control{grid-column:1/-1}
.field-control>select{grid-column:1;grid-row:2;width:100%;min-width:0;border:1px solid #9eb2c1;border-radius:8px;padding:10px 12px;font:inherit;color:var(--ink);background:white}
.field-control>select:focus{outline:3px solid #94d5e4;outline-offset:1px}
.transfer-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.transfer-flow small{display:block;color:var(--muted);font-size:.78rem}
.transfer-flow small span{display:inline;color:inherit;font-size:inherit}
.transfer-flow .transfer-arrow{white-space:nowrap;text-align:center;border:0;background:transparent;padding:0}
.transfer-flow .transfer-arrow>span{display:block;color:var(--blue);font-size:1.2rem;font-weight:700}
.transfer-flow .transfer-arrow strong{font-size:1rem}
@media(max-width:640px){.transfer-flow{grid-template-columns:minmax(0,1fr)}.transfer-flow .transfer-arrow>span{transform:rotate(90deg)}}