.pressure-toolbar{display:flex;align-items:center;gap:9px;flex:1;min-width:0;font-size:9px}
.pressure-toolbar[hidden]{display:none}
.pressure-toolbar label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.plot-head:has(.pressure-toolbar:not([hidden])) #chart-unit{display:none}
.pressure-toolbar select{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);font:inherit;font-weight:600;max-width:180px;padding:3px 0}
.pressure-toolbar>span{font-family:Georgia,var(--font);color:var(--coral);white-space:nowrap}
.pressure-toolbar>a{margin-left:auto;color:var(--muted);white-space:nowrap}
.chart-legend i.dashed{background:repeating-linear-gradient(to right,var(--series-color) 0 5px,transparent 5px 8px)!important}
.chart-legend .pressure-legend-note{color:var(--muted);font-size:8px}
.chart-legend .stack-total{color:var(--coral);font-weight:600}
.compare-values .support-highlight{color:var(--coral)}
.compare-values .support-highlight b{font-weight:600}
.overload-table .no-crossing{font:22px Georgia,serif;color:var(--muted)}
.overload-comparison{border-top:1px solid var(--rule);margin-top:30px;padding-top:24px;scroll-margin-top:20px}
.overload-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.overload-heading .tiny{color:var(--coral)}
.overload-heading h3{font-size:23px;margin-top:8px}
.comparison-scope,.comparison-footnote{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 18px}
.comparison-footnote{margin-bottom:0}
.overload-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.overload-table thead th{border-block:1px solid var(--rule);font-weight:500;color:var(--muted);padding:12px 10px;text-align:left;font-size:10px}
.overload-table th:first-child{width:23%;padding-left:0}
.overload-table tbody th,.overload-table td{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left;vertical-align:middle}
.overload-table tbody th{font-weight:500;padding-left:0}
.overload-table small{display:block;color:var(--muted);font-size:9px;line-height:1.6;font-weight:400}
.overload-table td>b{display:block;font:23px Georgia,serif}
.overload-table th button{font:600 14px var(--serif);padding:0;text-align:left;border-bottom:1px dotted var(--muted)}
.overload-table th small{margin-top:5px}
.overload-table .overload-difference{font-weight:600;color:var(--coral);font-size:12px}
.overload-table .not-reached{font-size:11px;color:var(--muted)}
.overload-table .pair-index span{font:18px Georgia,serif;white-space:nowrap}
.overload-table .pair-index i{font:10px var(--font);color:var(--muted);padding:0 4px}
.overload-table .pair-index b{font-weight:400;color:var(--coral)}
.active-comparison{background:#efeae080}
.overload-table tbody tr:hover{background:#efeae050}
@media(max-width:1000px){.tabs{gap:12px}.pressure-toolbar select{max-width:160px}.overload-table .pair-index span{font-size:16px}.overload-table td,.overload-table thead th{padding-inline:7px}}
@media(max-width:650px){
 .plot-head:has(.pressure-toolbar:not([hidden])){height:60px;flex-basis:60px;flex-wrap:wrap;column-gap:8px;row-gap:0}
 .plot-head:has(.pressure-toolbar:not([hidden])) .tabs{height:29px}
 .pressure-toolbar{gap:6px;flex-basis:100%;height:29px;font-size:9px;order:3}
 .pressure-toolbar label{display:none}.pressure-toolbar select{max-width:135px;font-size:10px}
 .pressure-toolbar>a{font-size:8px}.pressure-toolbar>span{font-size:9px}
 .plot-head .tabs{gap:14px}.plot-head .tabs button{font-size:10px}
 .overload-comparison{margin-top:24px;padding-top:20px}
 .overload-heading{gap:12px;align-items:center}.overload-heading h3{font-size:21px;line-height:1.5}
 .overload-heading .tiny{font-size:7px}.overload-heading .text-button{font-size:10px}
 .comparison-scope,.comparison-footnote{font-size:10px}
 .overload-table,.overload-table tbody{display:block;width:100%}
 .overload-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .overload-table tbody{display:grid;grid-template-columns:1fr;gap:12px}
 .overload-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);padding:13px;gap:10px 15px}
 .overload-table tbody th,.overload-table td{display:block;border:0;padding:0;width:auto}
 .overload-table tbody th{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:9px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
 .overload-table tbody th small{margin:0}
 .overload-table td:before{content:attr(data-label);display:block;font-weight:400;font-size:9px;color:var(--muted);margin-bottom:4px}
 .overload-table td>b{font-size:24px}.overload-table .pair-index span{font-size:18px}
 .overload-table .overload-difference{font-size:13px;align-self:start}
 .overload-table .not-reached{font-size:12px}
}

.overload-scenario-control{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0}.overload-scenario-control>span{font-size:12px;color:var(--muted)}.overload-scenario-control .overload-view-switch{margin:0}.overload-scenario-control button small{display:block;font-size:10px;font-weight:400;margin-top:4px}.scenario-pressure-comparison{margin:30px 0;padding-top:24px;border-top:1px solid var(--line)}.scenario-pressure-comparison>h4{font-family:var(--serif);font-size:22px;margin:0 0 12px}

/* Give the default comparison enough height on compact phones. */
@media(max-width:650px) and (max-height:700px){
 .workspace:has(.pressure-toolbar:not([hidden])){grid-template-rows:36px minmax(161px,1fr) minmax(214px,48%)}
 .workspace:has(.pressure-toolbar:not([hidden])) .scene-head{min-height:24px}
}