/* Results use the portal's original typography with quieter surfaces. */
.portal[data-mode=results]{--results-surface:#f5f5f7;--line:#e1e1e6;--panel-muted:#6e6e73}
.portal[data-mode=results][data-overview=false] .portal-heading{border:0}
.portal[data-mode=results] .back-categories{display:none}
.portal[data-mode=results] .results-toolbar .segmented{background:#eeeef0;border-radius:14px;padding:4px;gap:4px}
.portal[data-mode=results] .results-toolbar .segmented button{border-radius:10px}
.portal[data-mode=results] .results-toolbar .segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #0000000b}
.portal[data-mode=results] :is(.portal-field select,.portal-field input){background:var(--results-surface);border:1px solid var(--line);border-radius:12px}
.portal[data-mode=results] .portal-visual{background:var(--results-surface);border:1px solid var(--line);border-radius:28px;overflow:hidden}
.portal[data-mode=results] .model-controls{background:#ffffffdf;border-color:var(--line);border-radius:16px}
.portal[data-mode=results] .result-metrics{gap:12px;margin:0 0 20px}
.portal[data-mode=results] .result-metrics>div{background:var(--results-surface);border-radius:18px;padding:18px;min-width:0}
.portal[data-mode=results] .result-seat-strip{border-radius:8px;overflow:hidden}
.portal[data-mode=results] .table-scroll{background:var(--results-surface);border-radius:20px;padding:8px 16px;margin-bottom:20px}
.portal[data-mode=results] .results-table{margin-bottom:0}
.portal[data-mode=results] .results-table tbody tr:last-child :is(td,th){border-bottom:0}
.portal[data-mode=results] .results-table tbody tr:hover{background:#eeeef2}
.portal[data-mode=results] .result-breakdown{background:var(--results-surface);border:0;border-radius:18px;padding:18px;gap:16px}
.portal[data-mode=results] :is(.portal-primary,.portal-secondary){border-radius:13px;min-height:44px}
.portal[data-mode=results] .portal-primary{background:#242522;color:#fff;border-color:#242522}
.portal[data-mode=results] .portal-secondary{background:var(--results-surface);border-color:var(--line)}
.portal[data-mode=results] .district-grid{gap:14px}
.portal[data-mode=results] .district-grid button{background:var(--results-surface);border:1px solid transparent;border-radius:20px;padding:20px;gap:12px}
.portal[data-mode=results] .district-grid .district-arrow{right:16px;top:18px}
.portal[data-mode=results] .district-seat-strip{height:5px;flex-basis:5px;border-radius:6px}
.portal[data-mode=results] .results-map-layout{gap:22px}
.portal[data-mode=results] .results-map-visual{background:var(--results-surface);padding:22px;border-radius:26px;border:1px solid var(--line)}
.portal[data-mode=results] .map-detail{background:var(--results-surface);padding:22px;border-radius:24px;border:1px solid var(--line)}
.portal[data-mode=results] .map-detail-metrics>div{background:#fff;border-radius:14px;padding:12px}
.portal[data-mode=results] .map-party-legend>span{background:#fff;padding:6px 10px;border-radius:9px}
.portal[data-mode=results] .map-vote-track{background:#dedee4;border-radius:6px}
.portal[data-mode=results] .comparison-fields{background:var(--results-surface);border-radius:20px;padding:20px;margin-bottom:18px;gap:20px}
.portal[data-mode=results] .comparison-fields select{background:#fff}
.portal[data-mode=results] :is(button,a,input,select,summary):focus-visible{outline:2px solid #242522;outline-offset:3px}
@media(hover:hover){
 .portal[data-mode=results] .district-grid button:hover{background:#eeeef2;border-color:#d5d5db}
 .portal[data-mode=results] .results-toolbar button[aria-pressed=false]:hover{background:#e3e3e8}
 .portal[data-mode=results] .portal-primary:hover{background:#414147}
}
@media(max-width:760px){
 .portal[data-mode=results] .portal-visual{border-radius:22px}
 .portal[data-mode=results] .result-metrics{gap:10px;margin-top:18px}
 .portal[data-mode=results] .result-metrics>div{padding:14px 12px;border-radius:16px}
 .portal[data-mode=results] .table-scroll{padding:6px 10px;border-radius:16px}
 .portal[data-mode=results] .district-grid{gap:10px}
 .portal[data-mode=results] .district-grid button{padding:16px;border-radius:17px}
 .portal[data-mode=results] .district-grid .district-arrow{right:12px;top:14px}
 .portal[data-mode=results] .results-map-visual,.portal[data-mode=results] .map-detail{padding:16px;border-radius:20px}
 .portal[data-mode=results] .comparison-fields{padding:16px;gap:12px}
}
@media(prefers-contrast:more){.portal[data-mode=results]{--line:#777}.portal[data-mode=results] .district-grid button{border-color:var(--line)}}
.portal[data-mode=results] .model-metric{left:28px;top:24px}
@media(max-width:760px){.portal[data-mode=results] .model-metric{left:22px;top:20px}}
.results-view-toggle{display:none!important}
.portal[data-mode=results] .model-controls button{display:none}
.portal[data-mode=results] .model-controls .results-view-toggle{display:grid!important;width:44px;min-height:36px;border-radius:10px;font:inherit;font-size:12px}
.portal[data-mode=results] .model-controls{left:auto;right:18px;bottom:18px;transform:none;padding:2px;border-radius:12px}
.portal[data-mode=results] .model-caption{padding-inline:64px}
@media(max-width:760px){.portal[data-mode=results] .portal-visual{height:340px;min-height:340px;width:100%;margin-inline:0}}