/* Aruba chooses severity: borders and phenomenon badges are Meteotower-only. */
[data-forecast-warning="yellow"],[data-warning-level="yellow"]{--forecast-warning:#d7bf00;--forecast-warning-wash:#fffbe0}
[data-forecast-warning="orange"],[data-warning-level="orange"]{--forecast-warning:#ef9419;--forecast-warning-wash:#fff2df}
[data-forecast-warning="red"],[data-warning-level="red"]{--forecast-warning:#d7191c;--forecast-warning-wash:#fff0f1}
.forecast-day[data-forecast-date],.eight-day-card[data-forecast-date]{--forecast-badge-size:28px;--forecast-badge-overhang:7px;--forecast-border-size:1px;position:relative;overflow:visible}
.forecast-day[data-forecast-date]{--forecast-pad-y:11px;--forecast-pad-x:13px}
.eight-day-card[data-forecast-date]{--forecast-pad-y:15px;--forecast-pad-x:8px}
.forecast-days a.forecast-day[data-forecast-warning],.eight-day-card[data-forecast-warning]{--forecast-border-size:2px;border:2px solid var(--forecast-warning)}
.forecast-days a.forecast-day[data-forecast-warning]:hover{border-color:var(--forecast-warning)}
#forecastDays{padding:17px 10px 0 0;column-gap:12px}
.forecast-page .eight-day-cards{column-gap:12px;row-gap:23px;padding:18px 10px 15px 1px}
/* In-flow wrapping reserves room for every symbol; the first row straddles the edge. */
.forecast-warning-badges{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:4px;min-width:0;min-height:var(--forecast-badge-size);margin:calc(0px - var(--forecast-pad-y) - var(--forecast-badge-size)/2 - var(--forecast-border-size)) calc(0px - var(--forecast-pad-x) - var(--forecast-badge-overhang)) 5px 0;grid-column:1/-1;grid-row:1;align-self:stretch}
.forecast-warning-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--forecast-badge-size);width:var(--forecast-badge-size);height:var(--forecast-badge-size);padding:2px;border:2px solid white;border-radius:50%;background:var(--forecast-warning-wash);box-shadow:0 0 0 1px var(--forecast-warning),0 2px 4px #17364a24;font:18px/1 "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;color:var(--ink);white-space:nowrap}
.forecast-day[data-forecast-badge-row] .forecast-icons{grid-row:2/4}
.forecast-day[data-forecast-badge-row]>b{grid-column:2;grid-row:2}
.forecast-day[data-forecast-badge-row]>small{grid-column:2;grid-row:3}
.forecast-day[data-forecast-badge-row]>span{grid-column:3;grid-row:2/4}
.forecast-alert-legend{margin:6px 0 0;color:#526f7c;font:400 12px/1.45 Arial,sans-serif;letter-spacing:normal;max-width:100%}
.forecast-alert-legend>summary{cursor:pointer;min-height:44px;padding:12px 0;font:700 12px/1.45 Arial,sans-serif;color:#32647a}
.forecast-alert-legend>summary:focus-visible{outline:2px solid #287fa5;outline-offset:3px}
.forecast-alert-legend #forecastAlertsNote{font:400 12px/1.5 Arial,sans-serif;margin:4px 0 8px;color:#526f7c}
.forecast-alert-legend ul{padding-left:20px;margin:6px 0;overflow-wrap:anywhere}
.forecast-alert-legend li{margin:5px 0}.forecast-alert-legend a{color:#216581;text-underline-offset:2px}
.forecast-alert-legend #forecastAlertsNote[data-partial="true"]{color:#835911}
/* Permanent glossary: neutral symbols, distinct from the actual warnings below. */
.forecast-alert-legend .forecast-alert-guide,.forecast-alert-legend .forecast-alert-colours{margin:4px 0 10px;font:400 13px/1.5 Arial,sans-serif;color:#526f7c}
.forecast-alert-legend .forecast-alert-symbol-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:10px 0 14px;padding:0}
.forecast-alert-symbol-list>div{min-width:0;padding:8px 10px;border:1px solid #d9e7e9;border-radius:8px;background:#ffffffb3;overflow-wrap:anywhere}
.forecast-alert-symbol-list dt{display:flex;align-items:center;gap:8px;margin:0;font:700 14px/1.4 Arial,sans-serif;color:#17364a}
.forecast-alert-symbol-list dd{margin:2px 0 0 36px;font:400 13px/1.45 Arial,sans-serif;color:#526f7c}
.forecast-alert-symbol-list .forecast-warning-detail-symbol{flex:0 0 28px;width:28px;height:28px;line-height:28px;margin:0}
.forecast-alert-colours [data-legend-level]{font-weight:700}
.forecast-alert-colours [data-legend-level="green"]{color:#237357}
.forecast-alert-colours [data-legend-level="yellow"]{color:#786100}
.forecast-alert-colours [data-legend-level="orange"]{color:#975005}
.forecast-alert-colours [data-legend-level="red"]{color:#ab2429}
.forecast-alert-legend .forecast-alert-current-title{margin:14px 0 6px;padding-top:12px;border-top:1px solid #d9e7e9;font:700 14px/1.4 Arial,sans-serif;color:#17364a}
@media(max-width:600px){.forecast-alert-legend .forecast-alert-symbol-list{grid-template-columns:minmax(0,1fr);gap:6px}}
.phone-layout .forecast-alert-legend .forecast-alert-symbol-list{grid-template-columns:minmax(0,1fr);gap:6px}
@media(max-width:520px){
  .eight-day-card[data-forecast-date]{--forecast-pad-y:9px;--forecast-badge-size:26px}
  .eight-day-card[data-forecast-badge-row]{grid-template-areas:"badges badges badges" "title symbols temperatures" "date symbols rain"}
  .eight-day-card .forecast-warning-badges{grid-area:badges;margin-bottom:4px}
  .eight-day-card .forecast-warning-badges:empty{display:none}
}
@media(max-width:430px){#forecastDays{column-gap:8px;padding-right:8px}.forecast-day[data-forecast-date]{--forecast-pad-y:8px;--forecast-pad-x:5px;--forecast-badge-size:24px;--forecast-badge-overhang:5px}.forecast-day .forecast-warning-badges{gap:3px}.forecast-day .forecast-warning-badge{font-size:16px}}
.phone-layout #forecastDays{column-gap:8px;padding-right:8px}.phone-layout .forecast-day[data-forecast-date]{--forecast-pad-y:8px;--forecast-pad-x:5px;--forecast-badge-size:24px;--forecast-badge-overhang:5px}.phone-layout .forecast-day .forecast-warning-badges{gap:3px}.phone-layout .forecast-day .forecast-warning-badge{font-size:16px}