@font-face{font-family:"HWS Inter";font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-greek-wght-normal.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:"HWS Inter";font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-greek-ext-wght-normal.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:"HWS Inter";font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"HWS Inter";font-weight:100 900;font-display:swap;src:url(assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* HWS V120 — restructure layer: paper shell + graphite panels, persistent left rail, editorial home grid.
   Loaded last. Scoped to html.hws-ref so ?classic=1 still shows the legacy layout. */
html.hws-ref{--p-paper:#141a18;--p-paper2:#1d2522;--p-ink:#ece8dc;--p-mute:#9aa8a1;--p-accent:#b8400f;--p-teal:#0e6f66;--p-panel:#141a18;--p-panel2:#1d2522;--p-line:#3b4b45}
html.hws-ref:not(#_),html.hws-ref body:not(#_),html.hws-ref body:not(#_)::before,html.hws-ref main:not(#_){background:var(--p-paper) none!important;color:var(--p-ink)!important}
html.hws-ref body{font-family:"Segoe UI",system-ui,-apple-system,"Noto Sans",sans-serif!important;padding-bottom:24px!important}
html.hws-ref h1,html.hws-ref h2,html.hws-ref .hwsStartH{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif!important;letter-spacing:0!important}

/* ---------- Left rail (desktop): the drawer becomes a permanent sidebar ---------- */
html.hws-ref #hwsSideMenu:not(#_){background:var(--p-panel) none!important;border-right:0!important;box-shadow:none!important}
html.hws-ref #hwsSideMenu .hwsSideTop b,html.hws-ref #hwsSideMenu .hwsSideTop b span{color:#f3efe6!important;font-family:Georgia,serif!important}
html.hws-ref #hwsSideMenu .hwsSideTop small{color:#a9b8b1!important}
html.hws-ref #hwsSideList h4{color:#d9a27f!important;border-top:1px solid var(--p-line);padding-top:12px}
html.hws-ref #hwsSideList button{color:#e8e4da!important;border-radius:4px!important;min-height:40px!important;font-size:14px!important}
html.hws-ref #hwsSideList button svg{stroke:#d9a27f!important}
html.hws-ref #hwsSideList button:hover{background:var(--p-panel2)!important}
html.hws-ref #hwsSideList button.on{background:var(--p-accent)!important;border-color:var(--p-accent)!important;color:#fff!important}
html.hws-ref #hwsSideList button.on svg{stroke:#fff!important}

@media(min-width:1024px){
  html.hws-ref #hwsSideMenu{display:flex!important;transform:none!important;visibility:visible!important;width:264px!important;z-index:50!important;transition:none!important}
  html.hws-ref #hwsSideClose,html.hws-ref #hwsSideShade,html.hws-ref #hwsRefNav,html.hws-ref #hwsRefTop{display:none!important}
  html.hws-ref body{padding-left:264px!important}
  html.hws-ref main{max-width:1180px!important;padding:28px 36px 0!important}
  html.hws-ref body>button[aria-label*="μενού"],html.hws-ref #hwsRefMenuBtn,html.hws-ref .hwsMenuBtn{display:none!important}
}

/* ---------- Mobile: bottom icon bar becomes a top text strip ---------- */
@media(max-width:1023px){
  html.hws-ref body{padding-top:48px!important;padding-bottom:20px!important}
  html.hws-ref #hwsRefNav:not(#_):not(#__){position:fixed!important;top:0!important;bottom:auto!important;left:0!important;right:0!important;height:48px!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;overflow-x:auto!important;gap:0!important;padding:0 8px 0 58px!important;background:var(--p-panel)!important;border:0!important;border-bottom:3px solid var(--p-accent)!important;border-radius:0!important;box-shadow:none!important;z-index:60!important;scrollbar-width:none}
  html.hws-ref #hwsRefNav:not(#_) button{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding:0 12px!important;background:transparent!important;border:0!important;border-radius:0!important;color:#e8e4da!important;font-size:13px!important;font-weight:600!important;white-space:nowrap}
  html.hws-ref #hwsRefNav button svg{display:none!important}
  html.hws-ref #hwsRefNav button.on,html.hws-ref #hwsRefNav button.active{color:#fff!important;box-shadow:inset 0 -3px 0 #d9a27f!important;background:transparent!important}
}

/* ---------- Home: masthead + editorial 12-column grid ---------- */
@media(min-width:1024px){
  html.hws-ref #start.active,html.hws-ref #start{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px 22px;align-items:start}
  html.hws-ref #start>*{grid-column:1/-1}
  html.hws-ref #start>.hwsStartBrand{grid-column:1/-1}
  html.hws-ref #start>#hwsHome24{grid-column:1/-1}
  html.hws-ref #start>#hwsStartSun{grid-column:1/7}
  html.hws-ref #start>#hwsStartSat{grid-column:7/-1}
  html.hws-ref #start .hwsStartGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 28px!important}
}
html.hws-ref #start .hwsStartBrand{border-bottom:3px double var(--p-ink);padding-bottom:14px;margin-bottom:4px}
html.hws-ref #start .hwsStartBrand h1:not(#_){color:var(--p-ink)!important;font-size:clamp(28px,4vw,46px)!important;font-weight:700!important;line-height:1.05!important}
html.hws-ref #start .hwsStartBrand h1 span:not(#_){color:var(--p-accent)!important}
html.hws-ref #start .hwsStartBrand p,html.hws-ref #start .hwsStartClock{color:var(--p-mute)!important;font-family:Georgia,serif;font-style:italic}
html.hws-ref #start .hwsStartBrand img{border-radius:4px!important;border:1px solid var(--p-ink)}
html.hws-ref #start .hwsGear{background:var(--p-paper2)!important;border:1px solid var(--p-ink)!important;border-radius:4px!important;color:var(--p-ink)!important}
html.hws-ref #start .hwsGear svg{stroke:var(--p-ink)!important}
html.hws-ref #start .hwsStartH{color:var(--p-accent)!important;text-transform:uppercase;font-size:13px!important;letter-spacing:.14em!important;border-bottom:1px solid var(--p-ink);padding-bottom:6px;margin:10px 0 0!important}
/* tiles: flat index rows instead of rounded cards */
html.hws-ref #start .hwsStartTile{background:transparent!important;border:0!important;border-bottom:1px solid #b9b19f!important;border-radius:0!important;box-shadow:none!important;color:var(--p-ink)!important;padding:12px 4px!important}
html.hws-ref #start .hwsStartTile b{color:var(--p-ink)!important;font-family:Georgia,serif;font-size:16px!important}
html.hws-ref #start .hwsStartTile small{color:var(--p-mute)!important}
html.hws-ref #start .hwsStartTile .ti svg{stroke:var(--p-accent)!important}
html.hws-ref #start .hwsStartTile:hover{background:var(--p-paper2)!important}
/* data cards stay dark graphite so charts/text remain readable */
html.hws-ref #start .hwsH24,html.hws-ref #start .hwsSunCard{background:var(--p-panel)!important;border:0!important;border-top:4px solid var(--p-accent)!important;border-radius:4px!important;box-shadow:none!important}
html.hws-ref #start .hwsH24 *{color:#eee9dd}
html.hws-ref #start .hwsH24Foot{color:#a9b8b1!important}

/* ---------- Inner views: graphite sheet on the paper shell ---------- */
html.hws-ref main>section.active:not(#start){background:var(--p-panel)!important;border-top:4px solid var(--p-accent);border-radius:4px;padding:22px 24px!important;margin-top:8px}
@media(max-width:600px){html.hws-ref main>section.active:not(#start){padding:16px 12px!important}}
html.hws-ref body :is(.card,.panel,.tile,.widget,.forecast-card,.dayCard,.climateCard,.areaCard,.news-card,.article-card,.meteogram-card,.trend15Card){background:var(--p-panel2)!important;border-color:var(--p-line)!important;border-radius:4px!important}
html.hws-ref body a{color:#e6b089!important}
html.hws-ref #hwsRefBack{background:var(--p-ink)!important;color:var(--p-paper)!important;border:0!important;border-radius:4px!important}
html.hws-ref #hwsSideList:not(#_),html.hws-ref #hwsSideMenu:not(#_) nav{background:transparent none!important}
html.hws-ref #hwsSideMenu:not(#_)::before,html.hws-ref #hwsSideMenu:not(#_)::after{display:none!important}
/* back button must not sit on top of the rail; page heads get a flat editorial style */
@media(min-width:1024px){html.hws-ref #hwsRefBack:not(#_){left:288px!important;top:12px!important}}
html.hws-ref main>section.active:not(#start) .pageHead:not(#_),html.hws-ref main>section.active:not(#start) .hero:not(#_){background:transparent!important;border:0!important;border-bottom:1px solid var(--p-line)!important;border-radius:0!important;box-shadow:none!important}
html.hws-ref main>section.active:not(#start) :is(.pageHead,.hero) h1{font-family:Georgia,"Iowan Old Style",serif!important;font-weight:700!important}

@media(min-width:1024px){html.hws-ref #hwsSideToggle:not(#_){display:none!important}}
@media(max-width:1023px){html.hws-ref #hwsSideToggle:not(#_){top:0!important;left:0!important;width:50px!important;height:48px!important;border-radius:0!important;background:var(--p-accent)!important;border:0!important;box-shadow:none!important;z-index:70!important;color:#fff!important}
html.hws-ref #start .hwsGear:not(#_){top:58px!important}}

/* V120b — single typeface (Inter) and one uniform dark background */
html.hws-ref :is(body,h1,h2,h3,h4,h5,h6,button,input,select,textarea,b,strong,small,span,div,p,a,li,td,th,.hwsStartH,.hwsStartTile b,#hwsSideMenu .hwsSideTop b):not(svg):not(svg *){font-family:"HWS Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important}
html.hws-ref #start .hwsStartBrand p,html.hws-ref #start .hwsStartClock{font-style:normal!important}
html.hws-ref #hwsSideMenu:not(#_){border-right:1px solid var(--p-line)!important}
html.hws-ref #start .hwsStartTile:not(#_){border-bottom-color:var(--p-line)!important}
html.hws-ref #start .hwsStartBrand:not(#_){border-bottom:1px solid var(--p-line)!important}
html.hws-ref #start .hwsStartH:not(#_){border-bottom-color:var(--p-line)!important}
html.hws-ref #start .hwsStartBrand img,html.hws-ref #start .hwsGear:not(#_){border-color:var(--p-line)!important}
html.hws-ref #start .hwsH24,html.hws-ref #start .hwsSunCard,html.hws-ref main>section.active:not(#start):not(#_){background:var(--p-panel)!important;border-top-color:var(--p-line)!important}
html.hws-ref #hwsRefBack:not(#_){background:var(--p-panel2)!important;color:var(--p-ink)!important;border:1px solid var(--p-line)!important}
html.hws-ref body :is(.card,.panel,.tile,.widget,.forecast-card,.dayCard,.climateCard,.areaCard,.news-card,.article-card,.meteogram-card,.trend15Card):not(#_){background:var(--p-panel2)!important}
/* beat hws-theme.css Jura rule (same selector shape, +1 class, +1 id) */
html.hws-ref.hws-ref.hws-ref.hws-ref body:not(#_), html.hws-ref.hws-ref.hws-ref.hws-ref body:not(#_) :is(#hwsFontScope,*):not(code):not(pre):not(kbd):not(samp){font-family:"HWS Inter",system-ui,-apple-system,"Segoe UI","Noto Sans",Arial,sans-serif!important}