/* HWS additive extensions v1.0 — additions only; no existing HWS rule is replaced. */
.hwsAddonToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0 12px}
.hwsAddonBtn{appearance:none;border:1px solid #b9d7e4;background:#fafdff;color:#155979;border-radius:11px;padding:8px 11px;font:800 12px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(22,82,109,.05)}
.hwsAddonBtn:hover{border-color:#82bfd8;background:#f1f9fc}.hwsAddonBtn:focus-visible{outline:3px solid rgba(70,190,239,.34);outline-offset:2px}
.hwsAddonBtn.isFavorite{background:#fff8dc;border-color:#e9cc65;color:#725a00}
.hwsAddonBtn .hwsStar{font-size:15px;line-height:1;margin-right:4px}
.hwsFavoriteStrip{display:none;margin:8px 0 11px;padding:9px;border:1px solid #d3e5ed;border-radius:14px;background:linear-gradient(180deg,#f9fcfe,#f2f8fb)}
.hwsFavoriteStrip.hasItems{display:block}.hwsFavoriteStripTitle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 7px;color:#315b70;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.hwsFavoriteChips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.hwsFavoriteChip{border:1px solid #cbdfe8;background:#fff;color:#234f65;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}.hwsFavoriteChip.active{background:#0d86cd;border-color:#0d86cd;color:#fff}
.hwsRunChanges{display:none;margin:2px 0 10px;border:1px solid #cadfe8;border-radius:12px;background:linear-gradient(180deg,#fbfdff,#f1f8fb);padding:8px 9px;box-shadow:0 4px 12px rgba(25,69,89,.04)}
.hwsRunChanges.show{display:block}.hwsRunChangesHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.hwsRunChangesHead b{font-size:12px;color:#214e65}.hwsRunChangesHead small{display:block;color:#748d9a;font-size:9px;margin-top:1px}.hwsRunChangeTables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hwsRunDayTable{border:1px solid #d5e6ed;border-radius:9px;background:#fff;padding:6px;min-width:0;overflow:hidden}.hwsRunDayTitle{font-size:11px;font-weight:900;color:#315b70;margin:0 0 4px;padding-bottom:3px;border-bottom:1px solid #e7f0f4}.hwsRunDayTable table{width:100%;border-collapse:separate;border-spacing:0 2px;table-layout:fixed;font-size:9px}.hwsRunDayTable th,.hwsRunDayTable td{padding:3px 5px;border:0;text-align:left;vertical-align:middle;line-height:1.15}.hwsRunDayTable th{display:none}.hwsRunDayTable td:first-child{width:42%;color:#4a6878;font-weight:800}.hwsRunDayTable td:last-child{width:58%;text-align:right;font-weight:900;white-space:nowrap;border-radius:5px}.hwsDeltaUp{color:#a33e25!important;background:#fff0eb}.hwsDeltaDown{color:#176b92!important;background:#eaf7fc}.hwsDeltaNeutral{color:#647983!important;background:#f2f5f7}.hwsRunEmpty{font-size:10px;color:#68828f;line-height:1.35}
.hwsAdvancedWrap{margin:15px 0 4px}.hwsAdvancedDetails{border:1px solid #cee1ea;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f2f8fb);overflow:hidden}.hwsAdvancedDetails>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;color:#214e65;font-size:13px;font-weight:900}.hwsAdvancedDetails>summary::-webkit-details-marker{display:none}.hwsAdvancedDetails>summary::after{content:'＋';font-size:18px;color:#4f8198}.hwsAdvancedDetails[open]>summary::after{content:'−'}.hwsAdvancedBody{border-top:1px solid #dbe9ef;padding:12px 14px 14px}.hwsAdvancedStatus{font-size:10px;color:#718b98;margin-bottom:10px}.hwsAdvancedMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hwsAdvancedMetric{border:1px solid #dbe8ee;border-radius:12px;background:#fff;padding:9px 10px}.hwsAdvancedMetric small{display:block;color:#78909c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.025em;margin-bottom:4px}.hwsAdvancedMetric b{display:block;color:#1f4d64;font-size:14px;line-height:1.2}.hwsAdvancedSnapshots{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hwsAdvancedSnap{border:1px solid #deebf0;border-radius:11px;background:#fafdff;padding:8px}.hwsAdvancedSnap>strong{display:block;color:#2c5b72;font-size:11px;margin-bottom:4px}.hwsAdvancedSnap span{display:block;color:#617e8d;font-size:9px;line-height:1.45}.hwsAdvancedNote{margin-top:9px;color:#758c98;font-size:9px;line-height:1.4}
.hwsShareToast{position:fixed;z-index:10050;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#153f56;color:#fff;border-radius:999px;padding:9px 14px;font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:opacity .18s ease,transform .18s ease}.hwsShareToast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hwsRunChangeTables{grid-template-columns:1fr 1fr}.hwsAdvancedMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hwsAdvancedSnapshots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.hwsRunChangeTables{grid-template-columns:1fr 1fr;gap:5px}.hwsRunDayTable{padding:5px}.hwsRunDayTable td{padding:3px 4px}.hwsRunDayTable table{font-size:8.5px}.hwsRunDayTitle{font-size:10px}.hwsRunChanges{padding:7px;margin-bottom:8px}.hwsRunChangesHead b{font-size:11px}.hwsAddonToolbar{gap:6px;margin:7px 0 10px}.hwsAddonBtn{padding:7px 9px;font-size:11px}.hwsFavoriteStrip{padding:8px;margin:7px 0 9px}.hwsAdvancedBody{padding:10px}.hwsAdvancedMetric{padding:8px}.hwsAdvancedSnapshots{grid-template-columns:1fr 1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){.hwsShareToast{transition:none}}

/* 7-day forecast: visual background behind weather icons only.
   Keeps the forecast icon artwork and all addon controls/logic unchanged. */
#forecast .days .day .wx{
  width:64px;
  height:64px;
  min-height:64px;
  margin:9px auto 6px;
  padding:4px;
  box-sizing:border-box;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:center;
}
#forecast .days .day .wx .wx-icon{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
#forecast .days .day.loading .wx{
  background:transparent;
  box-shadow:none;
}
@media(max-width:620px){
  #forecast .days .day .wx{
    width:58px;
    height:58px;
    min-height:58px;
    border-radius:0;
    padding:3px;
  }
}

/* HWS Pro utility layer — additive only */
.hwsProBriefing{margin:14px 0 0;padding:14px 15px;border:1px solid #c7dfe9;border-radius:18px;background:linear-gradient(135deg,rgba(236,248,252,.96),rgba(247,251,253,.96));box-shadow:0 7px 20px rgba(18,70,91,.07)}
.hwsProBriefingHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hwsProBriefingTitle{font-weight:900;color:#164d66;font-size:16px}.hwsProBriefingSub{font-size:11px;color:#6d8796;margin-top:2px}
.hwsProBriefingActions{display:flex;gap:6px;flex-wrap:wrap}.hwsProBriefBtn{border:1px solid #b9d7e3;background:#fff;color:#195a75;border-radius:10px;padding:7px 10px;font-weight:800;font-size:11px;cursor:pointer}.hwsProBriefBtn:hover{background:#edf8fc}.hwsProBriefBtn:focus-visible{outline:3px solid rgba(70,190,239,.3);outline-offset:2px}
.hwsProBriefGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hwsProBriefMetric{padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid rgba(190,218,229,.9);min-width:0}.hwsProBriefMetric small{display:block;color:#718b99;font-size:10px;font-weight:800;margin-bottom:3px}.hwsProBriefMetric b{display:block;color:#214f63;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hwsProBriefText{margin:10px 2px 0;color:#365c6c;font-size:12px;line-height:1.5}.hwsProBriefText strong{color:#174f68}
@media(max-width:620px){.hwsProBriefing{padding:12px}.hwsProBriefGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hwsProBriefingHead{align-items:flex-start}.hwsProBriefingActions{width:100%}.hwsProBriefBtn{flex:1}.hwsProBriefMetric b{font-size:13px}}


.hwsProBriefBtn{transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.hwsProBriefBtn:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.08)}

/* HWS — Πενθήμερη πρόγνωση Ελλάδος / τηλεοπτικός χάρτης V17 */
.hwsFiveDateTitle{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:10px 0 8px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#06365c,#0b789c);color:#fff;box-shadow:0 7px 20px rgba(5,43,65,.16)}
.hwsFiveDateTitle strong{font-size:17px}.hwsFiveDateTitle span{font-size:10px;opacity:.82}
.hwsFiveMap{position:relative;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 38%,#0f86ad 0%,#075d84 55%,#043e62 100%);border:1px solid #9ed8eb;box-shadow:0 10px 28px rgba(12,57,77,.22);aspect-ratio:1.36/1;min-height:440px}
.hwsFiveMapSvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hwsFiveLand{fill:#dcefe5;fill-opacity:.92;stroke:#ffffff;stroke-width:.035;vector-effect:non-scaling-stroke;paint-order:stroke;filter:drop-shadow(0 1px 1px rgba(0,20,30,.3))}
.hwsFiveMarkers{position:absolute;inset:0;pointer-events:none}
.hwsFiveMarker{position:absolute;transform:translate(-50%,-50%);width:84px;min-height:48px;padding:4px 5px 5px;border:1.5px solid rgba(255,255,255,.98);border-radius:10px;background:rgba(247,252,254,.96);box-shadow:0 3px 10px rgba(0,31,49,.3);text-align:center;color:#12475f;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.05;z-index:3}
.hwsFiveMarkerTop{display:flex;align-items:center;justify-content:center;gap:3px}.hwsFiveMarkerTop .ico{width:29px;height:29px;flex:none}.hwsFiveMarkerWeather{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hwsFiveMarkerWeather strong{font-size:12px;line-height:1.05;color:#c83d42}.hwsFiveMarkerWeather span{font-size:5.8px;font-weight:800;max-width:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hwsFiveMarkerName{font-size:7.5px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px;color:#123f55}
.hwsFiveMarkerWind{font-size:6.8px;font-weight:900;color:#285b71;margin-top:2px;white-space:nowrap}.hwsFiveMarkerGust{font-size:5.8px;color:#587987;margin-top:2px;white-space:nowrap}
.hwsFiveWindLayer{pointer-events:none}.hwsFiveWindArrowLine{stroke-width:.065;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.hwsFiveWindArrowHead{stroke:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))}.hwsFiveWindArrowDot{stroke:#fff;stroke-width:.025;vector-effect:non-scaling-stroke}.hwsFiveWindArrowText{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.15px;font-weight:950;fill:#fff;paint-order:stroke;stroke:#064d6c;stroke-width:.045px;vector-effect:non-scaling-stroke}
.hwsFiveLegend{display:flex;flex-direction:column;gap:8px;margin:9px 0 0;padding:10px 11px;border:1px solid #cfe2ea;border-radius:13px;background:#f7fbfd;color:#567382;font-size:10px}.hwsFiveLegendBlock{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.hwsFiveLegendBlock strong,.hwsFiveWindScale>strong{color:#214f65}.hwsFiveWindScale{display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px}.hwsFiveScaleItem{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.hwsFiveScaleSwatch{display:inline-block;width:18px;height:7px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.18)}.hwsFiveScaleSwatch.b0,.hwsFiveScaleSwatch.b3{background:#42b8ff}.hwsFiveScaleSwatch.b5{background:#35d39a}.hwsFiveScaleSwatch.b7{background:#ffd24a}.hwsFiveScaleSwatch.b9{background:#ff5b5b}.hwsFiveScaleSwatch.b11{background:#d83cff}
@media(max-width:720px){.hwsFiveMap{aspect-ratio:.86/1;min-height:570px}.hwsFiveMarker{width:69px;padding:3px 3px 4px}.hwsFiveMarkerTop .ico{width:23px;height:23px}.hwsFiveMarkerWeather strong{font-size:10px}.hwsFiveMarkerWeather span{font-size:5px;max-width:37px}.hwsFiveMarkerName{font-size:6.5px}.hwsFiveMarkerWind{font-size:5.8px}.hwsFiveMarkerGust{font-size:5px}.hwsFiveWindArrowText{font-size:.135px}.hwsFiveDateTitle{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:430px){.hwsFiveMap{min-height:540px}.hwsFiveMarker{width:63px}.hwsFiveMarkerTop .ico{width:21px;height:21px}.hwsFiveMarkerWeather strong{font-size:9px}.hwsFiveMarkerWind{font-size:5.4px}.hwsFiveMarkerGust{display:none}.hwsFiveWindArrowText{font-size:.12px}.hwsFiveScaleItem{font-size:9px}}

/* Πενθήμερη: θαλάσσια βέλη ανέμου */
.hwsFiveSeaWindLine{stroke:#eaf8ff;stroke-width:.035;vector-effect:non-scaling-stroke;stroke-linecap:round;filter:drop-shadow(0 1px 1px rgba(255,255,255,.7))}
.hwsFiveSeaWindHead{fill:none;stroke:#eaf8ff;stroke-width:.035;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px rgba(255,255,255,.7))}
.hwsFiveSeaWindText{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.17px;font-weight:900;fill:#fff;paint-order:stroke;stroke:#07506e;stroke-width:.045px;stroke-linejoin:round;letter-spacing:.003px}
.hwsFiveSeaWindLayer{pointer-events:none}
@media(max-width:720px){.hwsFiveSeaWindText{font-size:.16px}}

/* Home: compact live daily outlook for six major Greek cities */
.hwsHomeToday{margin:14px 0 16px;padding:15px;border:1px solid #c8e0eb;border-radius:20px;background:linear-gradient(135deg,#edf8fc 0%,#e2f2f9 55%,#f7fbfd 100%);box-shadow:0 8px 24px rgba(18,72,96,.08)}
.hwsHomeTodayHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.hwsHomeTodayHead b{display:block;color:#153f56;font-size:clamp(16px,2.2vw,21px);font-weight:900}.hwsHomeTodayHead small{display:block;color:#5d7b8b;font-size:12px;margin-top:3px}.hwsHomeTodayHead>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#d0f2ed;color:#147c80;font-size:10px;font-weight:900;letter-spacing:.06em}
.hwsHomeTodayGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hwsHomeCity{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border:1px solid #d2e6ef;border-radius:14px;background:rgba(255,255,255,.88);color:#173f56;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.hwsHomeCity:hover{transform:translateY(-1px);border-color:#83c8df;box-shadow:0 5px 13px rgba(15,75,101,.09)}.hwsHomeCityIcon{width:46px;height:46px;display:grid;place-items:center}.hwsHomeCityIcon svg{width:46px;height:46px;max-width:100%}.hwsHomeCityName{display:block;font-size:13px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.hwsHomeCityTemp{display:block;margin-top:5px;font-size:17px;font-weight:900;letter-spacing:-.025em;color:#153f56}.hwsHomeCityMeta{display:block;margin-top:3px;font-size:10px;color:#698391;line-height:1.3}.hwsHomeCityPending{font-size:11px;color:#698391;line-height:1.4}.hwsHomeTodayLoading{grid-column:1/-1;padding:16px;text-align:center;color:#607f8f;font-size:12px}
@media(max-width:620px){.hwsHomeToday{padding:11px;border-radius:16px}.hwsHomeTodayGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hwsHomeCity{grid-template-columns:37px minmax(0,1fr);gap:6px;padding:8px}.hwsHomeCityIcon,.hwsHomeCityIcon svg{width:36px;height:36px}.hwsHomeCityName{font-size:12px}.hwsHomeCityTemp{font-size:16px}.hwsHomeCityMeta{font-size:9px}}


/* Additive tools: precipitation radar and multi-model comparison */
.hwsExtraTools{margin:20px 0 24px;padding:clamp(14px,2.4vw,22px);border:1px solid #244d65;border-radius:22px;background:linear-gradient(145deg,#102b40 0%,#14364c 58%,#183e54 100%);color:#eaf6fc;box-shadow:0 12px 30px rgba(3,20,33,.15)}
.hwsExtraHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.hwsExtraEyebrow{display:inline-block;color:#8fd9e8;font-size:10px;font-weight:900;letter-spacing:.14em}.hwsExtraHead h2{margin:5px 0 6px;color:#f4fbff;font-size:clamp(19px,2.5vw,25px);line-height:1.2}.hwsExtraHead p,.hwsExtraCard>p{margin:0;color:#bfd4df;font-size:12px;line-height:1.6}
.hwsExtraGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hwsExtraCard{min-width:0;padding:15px;border:1px solid rgba(148,197,218,.25);border-radius:17px;background:rgba(7,25,39,.52)}.hwsExtraCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.hwsExtraCardHead>div{display:flex;align-items:center;gap:8px;min-width:0}.hwsExtraIcon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#1d526b;color:#b8f0fa;font-size:19px}.hwsExtraCard h3{margin:0;color:#f4fbff;font-size:16px;line-height:1.25}.hwsExtraLive{flex:0 0 auto;padding:4px 7px;border:1px solid #2f6276;border-radius:999px;color:#9edee8;font-size:9px;font-weight:800}.hwsRadarFrame{height:300px;margin-top:12px;overflow:hidden;border:1px solid #31576c;border-radius:12px;background:#0c2435}.hwsRadarFrame iframe{display:block;width:100%;height:100%;border:0}.hwsExtraLink{display:inline-block;margin-top:10px;color:#9fe8f2;font-size:12px;font-weight:800;text-decoration:none}.hwsExtraLink:hover{text-decoration:underline}.hwsExtraNote{display:block;margin-top:10px;color:#9bb8c7;font-size:10px;line-height:1.5}.hwsExtraNote a{color:#a8e8f2;text-decoration:underline;text-underline-offset:2px}.hwsExtraNote a:focus-visible{outline:2px solid #a8e8f2;outline-offset:2px;border-radius:2px}.hwsModelControls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;margin-top:14px}.hwsModelControls label{color:#d2e6ee;font-size:12px;font-weight:800}.hwsModelControls select{min-width:0;width:100%;padding:9px 10px;border:1px solid #426b80;border-radius:10px;background:#0d293b;color:#f3fbff;font:inherit;font-size:12px}.hwsModelLoad{grid-column:1/-1;justify-self:start;padding:9px 13px;border:1px solid #3b9bb0;border-radius:10px;background:#17677e;color:#fff;font-weight:900;font-size:12px;cursor:pointer}.hwsModelLoad:hover{background:#207e95}.hwsModelLoad:disabled{opacity:.6;cursor:wait}.hwsModelStatus{margin:12px 0;color:#bdd3df;font-size:11px;line-height:1.5}.hwsModelTableWrap{max-width:100%;overflow:auto;border:1px solid #294f64;border-radius:10px}.hwsModelTable{width:100%;border-collapse:collapse;min-width:440px;background:#102d41;font-size:11px;color:#e9f5fa}.hwsModelTable th,.hwsModelTable td{padding:8px 9px;border-bottom:1px solid #29485b;text-align:left;white-space:nowrap}.hwsModelTable th{background:#1a4359;color:#bdeaf1;font-size:10px}.hwsModelTable tr:last-child td{border-bottom:0}.hwsModelTable tbody tr:nth-child(even){background:rgba(47,94,117,.18)}
@media(max-width:760px){.hwsExtraGrid{grid-template-columns:1fr}.hwsRadarFrame{height:270px}.hwsExtraCard{padding:12px}.hwsExtraCardHead{flex-wrap:wrap}}


/* V51: compact map markers, no marker cards or scale panel */
.hwsFiveDateTitle{color:#f4fbff;box-shadow:none;border:0;border-radius:0;background:transparent;padding:8px 0}
.hwsFiveMap{border:0;border-radius:0;box-shadow:none;background:#07577d;overflow:hidden}
.hwsFiveLand{fill:#e9f1f4;fill-opacity:1;stroke:#f7fcff;stroke-width:.045;filter:none}
.hwsFiveMarker{width:66px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f7fbff;text-shadow:0 1px 3px #001b2d,0 0 4px #001b2d;line-height:1.05}
.hwsFiveMarkerTop{display:flex;flex-direction:column;gap:0}
.hwsFiveMarkerTop .ico{width:25px;height:25px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.hwsFiveMarkerWeather{align-items:center}
.hwsFiveMarkerWeather strong{font-size:10px;color:#fff;background:rgba(0,23,39,.72);border-radius:9px;padding:2px 4px;white-space:nowrap}
.hwsFiveMarkerWeather span{display:none}
.hwsFiveMarkerName{font-size:7px;color:#fff;margin-top:1px}
.hwsFiveMarkerWind{font-size:7px;color:#fff;margin-top:1px;background:rgba(0,23,39,.68);border-radius:7px;padding:1px 3px}
.hwsFiveMarkerGust{font-size:6px;color:#eaf8ff}
.hwsFiveWindArrowText{font-size:.12px;stroke:#00324d;stroke-width:.055px;fill:#fff}
.hwsFiveWindArrowLine{stroke-width:.075}
.hwsFiveWindArrowHead{filter:none}
.hwsFiveWindArrowDot{stroke-width:.035}
.hwsFiveLegend{display:none!important}
@media(max-width:720px){
 .hwsFiveMap{aspect-ratio:.86/1;min-height:540px}
 .hwsFiveMarker{width:54px}
 .hwsFiveMarkerTop .ico{width:21px;height:21px}
 .hwsFiveMarkerWeather strong{font-size:9px}
 .hwsFiveMarkerName{font-size:6.5px}
 .hwsFiveMarkerWind{font-size:6px}
 .hwsFiveWindArrowText{font-size:.105px}
}
@media(max-width:430px){
 .hwsFiveMap{min-height:510px}
 .hwsFiveMarker{width:49px}
 .hwsFiveMarkerTop .ico{width:19px;height:19px}
 .hwsFiveMarkerWeather strong{font-size:8px}
 .hwsFiveMarkerWind{font-size:5.5px}
 .hwsFiveMarkerGust{display:none}
}

.hwsTrend15Interpretation{margin:14px 0 4px;padding:0;color:#e4f3fb!important;font-size:14px;line-height:1.65;font-weight:500;max-width:80ch}

/* Additive Beaufort helper — keeps existing cards and forecast controls unchanged. */
.hwsWindGuide{margin-top:14px}.hwsWindConvert{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,120px);gap:10px;align-items:center;margin-top:12px}.hwsWindConvert label{color:#e7f5fb;font-size:13px;font-weight:800}.hwsWindConvert input{width:100%;min-width:0;box-sizing:border-box;padding:10px 11px;border:1px solid #78b8cb;border-radius:10px;background:#f4fbff;color:#12394d;font:inherit;font-weight:800}.hwsWindConvert output{grid-column:1/-1;display:block;padding:10px 0;color:#8ee8f5;font-size:18px;font-weight:900}.hwsWindScaleText{color:#d4e8f1;font-size:11px;line-height:1.7}
@media(max-width:520px){.hwsWindConvert{grid-template-columns:minmax(0,1fr) 92px}.hwsWindConvert label{font-size:12px}.hwsWindConvert output{font-size:16px}}

/* V53: simple additive meteorology learning/calculation tools */
.hwsLearningGrid{margin-top:14px}
.hwsCalcFields{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,130px);gap:9px 12px;align-items:center;margin-top:13px}
.hwsCalcFields label{color:#e4f4fa;font-size:12px;font-weight:800}
.hwsCalcFields input{box-sizing:border-box;width:100%;min-width:0;padding:9px 10px;border:1px solid #75b7cb;border-radius:9px;background:#f5fbff;color:#12394d;font:inherit;font-weight:750}
.hwsCalcResult{display:block;margin-top:13px;padding:10px 0;color:#9cecf6;font-size:16px;font-weight:900;line-height:1.45;overflow-wrap:anywhere}
.hwsExtraTools :is(input,select,button):focus-visible{outline:3px solid #ffe08a;outline-offset:3px}
@media(max-width:480px){.hwsCalcFields{grid-template-columns:minmax(0,1fr) minmax(78px,105px)}.hwsCalcFields label{font-size:11px}.hwsCalcResult{font-size:14px}}


/* V54: contrast and legibility pass for the dark-blue HWS theme. */
#trend15,#trend,#climate,#forecast,#fivedaytv,.hwsFiveTVSection{color:#f1f8fc!important}
#trend15 :is(h1,h2,h3,h4,.section-title,.trend15Title,strong,b){color:#f7fcff!important}
#trend15 :is(p,label,small,.muted,.small,.lead,.note,.status,.trend15Subtitle,figcaption){color:#d2e4ee!important}
#trend15 :is(.fact>span:first-child,.fact .small){color:#d2e4ee!important}
#trend15 :is(.fact>span:nth-child(2),.metric,.value,.big-number){color:#ffffff!important;font-weight:800!important}
#trend15 svg text{fill:#f3faff!important;paint-order:stroke;stroke:rgba(3,29,46,.45);stroke-width:.6px}
#trend15 svg :is(.grid,.tick line){stroke:rgba(224,243,252,.35)!important}
#trend15 svg .zero{stroke:rgba(255,255,255,.85)!important}
#trend15 :is(.section,.chart-wrap,.now-facts,.fact,.card,.panel){background:transparent!important;box-shadow:none!important;border-color:transparent!important}
#trend15 table,#trend15 thead,#trend15 tbody,#trend15 tr,#trend15 th,#trend15 td{background:transparent!important;color:#f0f8fc!important;border-color:rgba(211,237,248,.28)!important}
#trend15 th{color:#fff!important;font-weight:800!important}
#trend15 a{color:#9cecf6!important;text-decoration:underline;text-underline-offset:2px}
#forecast .hwsForecastKey,#climate .hwsClimatePanel{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
#forecast :is(h1,h2,h3,h4,p,label,span,small,strong),#climate :is(h1,h2,h3,h4,p,label,span,small,strong){color:#edf7fc}
#fivedaytv .hwsFiveTVPoint{z-index:6!important;translate:0 0;overflow:visible!important}
#fivedaytv .hwsFiveTVTemps{color:#fff!important;background:rgba(0,17,30,.9)!important;border:1px solid rgba(226,246,255,.42)!important;text-shadow:0 1px 2px #001321!important}
#fivedaytv .hwsFiveTVPointName{color:#fff!important;text-shadow:0 1px 3px #001321,0 0 4px #001321!important}
#fivedaytv .hwsFiveTVArrowLabel{color:#fff!important;background:rgba(0,17,30,.9)!important;text-shadow:0 1px 2px #001321!important}
.hwsTrend15Interpretation{color:#eaf6fc!important;text-shadow:0 1px 2px rgba(0,20,35,.35)}
@media(prefers-contrast:more){#trend15,#trend,#climate,#forecast,#fivedaytv{color:#fff!important}#trend15 :is(p,label,small,.muted,.small){color:#f0f8ff!important}#trend15 svg .grid{stroke:rgba(255,255,255,.55)!important}}

/* V68 — διαγράμματα σύγκρισης μοντέλων */
.hwsModelLegend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:12px 0 4px;font-size:13px}
.hwsModelLegend span{display:inline-flex;align-items:center;gap:6px}
.hwsModelLegend small{opacity:.75;font-size:11.5px}
.hwsModelChart{margin:12px 0 4px;color:#e6f3ff}
.hwsModelChart h4{margin:0 0 4px;font-size:14px;color:inherit}
.hwsModelChart svg{display:block;width:100%;height:auto;overflow:visible}
.hwsModelDetails{margin-top:12px}
.hwsModelDetails summary{cursor:pointer;font-weight:700;font-size:13.5px;padding:6px 2px}