/* All-party results share a panel with the selected party's gauges. */
.map-panel {container-type:inline-size}
.map-panel .result-overview {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px 24px;padding:18px 22px 14px}
.map-panel .overview-heading {display:block;grid-column:1;grid-row:1}
.overview-title {display:flex;align-items:center;justify-content:space-between;gap:12px}
.overview-title h1 {margin:0;max-width:none}
.overview-title #share {flex-shrink:0;font-size:11px}
.party-chart {grid-column:1;grid-row:2;min-width:0}
.party-chart-heading {display:flex;justify-content:space-between;gap:12px;color:#aac1ce;font-size:12px;margin:7px 0 5px}
.party-chart-scroll {overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#56717f transparent;padding:4px 3px 5px}
.party-chart-bars {display:grid;grid-template-columns:repeat(var(--party-count),minmax(44px,1fr));gap:3px}
.party-bar {display:grid;grid-template-rows:22px 100px 28px;gap:3px;min-width:0;border:1px solid transparent;border-radius:5px;padding:3px 3px 0;background:transparent;color:#dce8ee;font:inherit;text-align:center}
.party-bar[aria-pressed=true] {border-color:#e9f5fa;background:#d7eaf00c}
button.party-bar:hover,.party-bar:focus-visible {background:#cce6f015;outline:2px solid #a7c9d9;outline-offset:0}
.party-bar-value {font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;align-self:end}
.party-bar-track {position:relative;display:block;border-bottom:1px solid #79909e;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#b8d9e012 calc(25% - 1px),#b8d9e012 25%)}
.party-bar-fill {position:absolute;bottom:0;left:12%;width:76%;background:var(--party-color);border-radius:3px 3px 0 0}
.party-bar.is-missing .party-bar-track {background:none;border-bottom-style:dashed}
.party-bar-name {display:block;align-self:center;font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.party-chart-detail {min-height:30px;margin:3px 0 0;color:#a8c0ce;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.party-bar.has-threshold {grid-template-rows:22px 100px 28px 30px}
.party-bar-threshold {font-size:11px;line-height:1.15;align-self:center;white-space:normal}
.party-bar-threshold.has-label {padding:3px 2px;border-radius:4px;background:#aecfdf16;color:#c8e0ec}
.party-bar.is-below-threshold {border-bottom:2px solid #ed8585}
.party-bar.is-below-threshold .party-bar-threshold {background:#c6474728;color:#ffaaaa;font-weight:600}
.chart-threshold-info {font-size:12px;color:#c8dbe5;margin-top:4px}
.chart-threshold-info summary {cursor:pointer;min-height:28px;display:list-item}
.chart-threshold-info p {line-height:1.5;margin:5px 0}
.chart-threshold-info a {color:#a7d4eb}
.chart-threshold-status {font-size:11px;color:#bdcfd8;margin:2px 0 5px;line-height:1.4}
.party-chart-hint {margin:2px 0 6px;font-size:11px;color:#a8c0ce}
.party-chart-scroll:focus-visible {outline:2px solid #a7c9d9;outline-offset:2px}
.chart-method {padding:0 20px 14px}
.overview-selected {grid-column:2;grid-row:1/3;min-width:0;align-self:center;text-align:center}
.overview-selected #party-name {font-size:17px;font-weight:600;margin:0 0 12px;color:#dce9ef}
.overview-selected #vote-value {margin:5px 0 0;font-size:12px}
.overview-selected .gauge {max-width:200px}
.overview-selected .gauge svg {max-height:116px}
.overview-selected .gauge-label {font-size:12px;min-height:34px;display:flex;align-items:center;justify-content:center;line-height:1.25}
.map-panel .map-top {flex-wrap:wrap;justify-content:space-between;gap:10px 18px}
.map-panel .map-top .map-mode-group {display:flex;flex:1;flex-direction:row;align-items:center;min-width:200px;gap:12px}
.map-panel .map-top .map-navigation {display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-left:auto}
.map-top .map-navigation .map-button {font-size:14px;min-height:44px;padding:10px 13px}
.map-top .map-navigation #parent-area {white-space:normal;text-align:left;max-width:260px}
@container (max-width:1350px) {
  .map-panel .result-overview {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .map-panel .overview-heading {grid-column:1;grid-row:1}
  .overview-title {display:block}
  .party-chart {grid-column:1/-1;grid-row:2}
  .overview-selected {grid-column:2;grid-row:1}
  .overview-selected #party-name {margin-bottom:4px}
  .overview-selected .gauge {max-width:185px}
  .overview-selected .gauge svg {max-height:105px}
  .overview-selected .gauge-label {min-height:22px}
  .party-bar {grid-template-rows:20px 88px 26px}
  .party-bar.has-threshold {grid-template-rows:20px 88px 26px 30px}
}
@media(max-width:700px) {
  .map-panel .result-overview {grid-template-columns:1fr;padding:16px 14px 12px;gap:8px}
  .overview-selected {grid-column:1;grid-row:3;border-top:1px solid #34505b;padding-top:10px}
  .overview-selected #party-name {font-size:16px}
  .overview-selected .gauge svg {max-height:110px}
  .overview-selected .count-gauge {max-width:none}
  .overview-selected .count-gauge svg {max-height:79px}
  .map-panel .map-top .map-mode-group {flex-basis:100%;flex-wrap:wrap;gap:8px}
  .map-panel .map-top .map-navigation {justify-content:flex-start;margin:0}
  .map-top .map-navigation #parent-area {max-width:100%}
}
