/* v100: CSS-only enhancement of the proven v97 JS and existing dialog/table. */
#v85-hourly-dialog {
  width:min(94vw, 900px); max-width:900px; max-height:85dvh;
  padding:0; border:1px solid #cadde8; border-radius:18px;
  background:#ffffff; color:#193344;
  box-shadow:0 22px 65px rgba(0,23,48,.30); overflow:auto;
}
#v85-hourly-dialog::backdrop { background:rgba(9,24,42,.58); }
#v85-hourly-dialog > h2 {
  margin:0 !important; padding:21px 64px 21px 23px !important;
  position:sticky;top:0;z-index:2;
  background:linear-gradient(115deg,#17658d,#238e8c) !important;
  color:#fff !important; font-size:1.24rem; line-height:1.35;
}
#v85-hourly-dialog > .v85-close {
  position:sticky !important; top:12px; float:right; margin:12px 14px -54px 0;
  z-index:4; width:36px;height:36px; border-radius:10px;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;border:1px solid rgba(255,255,255,.5) !important;
  cursor:pointer;
}
#v85-hourly-dialog > .v85-hourly-content {padding:16px 20px 22px !important;min-height:0 !important;}
#v85-hourly-dialog .v85-hourly-content > p:first-child {
  margin:3px 0 13px !important;font-size:.92rem;color:#486777 !important;font-weight:600;
}
#v85-hourly-dialog .v85-hourly-content table {
  border-collapse:separate !important;border-spacing:0 !important;width:100% !important;
  font-variant-numeric:tabular-nums; overflow:hidden; border:1px solid #d9e7ee;
  border-radius:12px;
}
#v85-hourly-dialog .v85-hourly-content th {
  background:#edf5f8 !important; color:#28495c !important;
  font-weight:750; border-bottom:2px solid #d3e2e9 !important;
  padding:13px 10px !important; white-space:nowrap;
}
#v85-hourly-dialog .v85-hourly-content td {
  padding:11px 10px !important;border-bottom:1px solid #e6eef1 !important;
  white-space:nowrap;color:#233b4d;
}
#v85-hourly-dialog .v85-hourly-content tr:nth-child(even) td {background:#f2f7fa;}
#v85-hourly-dialog .v85-hourly-content tr:last-child td {border-bottom:0 !important;}
#v85-hourly-dialog .v85-hourly-content td:nth-child(1) {font-weight:750;color:#254559;}
#v85-hourly-dialog .v85-hourly-content td:nth-child(3) {font-weight:750;color:#c15a26;}
#v85-hourly-dialog .v85-hourly-content td:nth-child(4) {font-weight:650;color:#116ba7;}
#v85-hourly-dialog .v85-hourly-content td:nth-child(5) {color:#345868;}
/* Purely decorative measurement icons: no invented sky condition or wind direction. */
#v85-hourly-dialog .v85-hourly-content th:nth-child(1)::before {content:'🕒 ';}
#v85-hourly-dialog .v85-hourly-content th:nth-child(3)::before {content:'🌡️ ';}
#v85-hourly-dialog .v85-hourly-content th:nth-child(4)::before {content:'💧 ';}
#v85-hourly-dialog .v85-hourly-content th:nth-child(5)::before {content:'〰️ ';}
#v85-hourly-dialog .v85-hourly-content > a {font-weight:650;color:#14719e;}
@media(max-width:580px) {
 #v85-hourly-dialog{width:96vw;border-radius:14px;max-height:88dvh;}
 #v85-hourly-dialog > h2{font-size:1.04rem;padding:17px 55px 17px 13px !important;}
 #v85-hourly-dialog > .v85-hourly-content{padding:12px 8px 16px !important;}
 #v85-hourly-dialog .v85-hourly-content table{font-size:.82rem;}
 #v85-hourly-dialog .v85-hourly-content :is(td,th){padding:10px 5px !important;}
}
@media(prefers-color-scheme:dark){
 #v85-hourly-dialog{background:#162532;border-color:#385568;color:#e7f1f6;}
 #v85-hourly-dialog .v85-hourly-content table{border-color:#385467;}
 #v85-hourly-dialog .v85-hourly-content th{background:#203849 !important;color:#e2edf4 !important;border-bottom-color:#3a596c !important;}
 #v85-hourly-dialog .v85-hourly-content td{color:#dae7ee;border-bottom-color:#314c5c !important;}
 #v85-hourly-dialog .v85-hourly-content tr:nth-child(even) td{background:#1e3443;}
 #v85-hourly-dialog .v85-hourly-content td:nth-child(1){color:#e0edf7;}
 #v85-hourly-dialog .v85-hourly-content td:nth-child(3){color:#ffb382;}
 #v85-hourly-dialog .v85-hourly-content td:nth-child(4){color:#8dd0ff;}
 #v85-hourly-dialog .v85-hourly-content td:nth-child(5){color:#c7d8e3;}
 #v85-hourly-dialog .v85-hourly-content > p:first-child{color:#bcd0dd !important;}
 #v85-hourly-dialog .v85-hourly-content > a{color:#8dd0ff;}
}

/* v101: actual MET weather symbols, not a precipitation-only guess. */
.v101-current-condition{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.v101-current-symbol{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}
#v85-hourly-dialog .v85-hourly-content td.v101-symbol-cell{font-size:1.65rem;text-align:center;padding:5px 7px!important;line-height:1.3}
#v85-hourly-dialog .v85-hourly-content th:nth-child(2){text-align:center}
@media(max-width:580px){#v85-hourly-dialog .v85-hourly-content td.v101-symbol-cell{font-size:1.28rem;padding:6px 2px!important}}

/* v102 – blågrå månesymbol, behold solens opprinnelige farger. */
.v101-current-symbol.v102-night-icon,
#v85-hourly-dialog .v85-hourly-content td.v102-night-icon {
  color:#6b7a99 !important;
  font-family:Georgia, "Times New Roman", serif;
  font-weight:700;
  font-variant-emoji:text;
}
@media (prefers-color-scheme:dark){
 .v101-current-symbol.v102-night-icon,
 #v85-hourly-dialog .v85-hourly-content td.v102-night-icon{color:#a7b8d4 !important;}
}