/* Controls and reference shading for the Antarctic seasonal chart. */
#antarctic-seasonal .season-tabs{display:flex;gap:0;margin:18px 0 22px;border-bottom:1px solid var(--line)}
#antarctic-seasonal .season-tabs button{min-height:44px;min-width:100px;padding:10px 18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:inherit;font-size:13px;font-weight:650}
#antarctic-seasonal .season-tabs button[aria-selected=true]{border-bottom-color:currentColor}
#antarctic-seasonal .season-controls{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin:18px 0}
#antarctic-seasonal .season-metric{display:flex;gap:0;border:1px solid var(--line);align-items:stretch}
#antarctic-seasonal .season-metric button{min-height:44px;border:0;border-radius:0;background:transparent;color:inherit;padding:9px 14px;font-size:13px;font-weight:600}
#antarctic-seasonal .season-metric button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
#antarctic-seasonal .key{row-gap:8px}
#antarctic-seasonal .season-range-key:before{height:10px;width:22px;border:0;background:#70808a;opacity:.3}
#antarctic-seasonal .season-range{fill:#70808a;fill-opacity:.16;stroke:none}
#antarctic-seasonal .season-zero{stroke-width:1.5}
#antarctic-seasonal .season-inspect-line{stroke:#70808a;stroke-width:1;stroke-dasharray:3 5;opacity:.65}
#antarctic-seasonal .season-day-control{margin-top:12px;max-width:100%}
#antarctic-seasonal #season-day{display:block;width:100%;height:44px;cursor:pointer}
#antarctic-seasonal .season-reading{display:flex;gap:6px 20px;flex-wrap:wrap;align-items:baseline;margin:8px 0 14px;min-height:30px}
#antarctic-seasonal #season-reading-date{font-size:15px;font-weight:650}
#antarctic-seasonal #season-reading-value{font-size:15px}
#antarctic-seasonal #season-method-note,#antarctic-seasonal #season-source-date{max-width:780px}
#antarctic-seasonal #season-retry{min-height:44px}
html.ao-appearance[data-appearance=dark] #antarctic-seasonal .season-metric button{color:#f7f6f2}
html.ao-appearance[data-appearance=dark] #antarctic-seasonal .season-metric button[aria-pressed=true]{color:#0f0f0f;background:#f7f6f2}
html.ao-appearance[data-appearance=dark] #antarctic-seasonal .season-range{fill:#a3bac5;fill-opacity:.2}
@media(max-width:600px){
 #antarctic-seasonal .season-controls{gap:14px 18px}
 #antarctic-seasonal .season-tabs button{flex:1}
 #antarctic-seasonal .season-reading{flex-direction:column;gap:3px}
 #antarctic-seasonal .key{column-gap:14px;font-size:12px}
}