/* WikiMeteo proposal: an additive presentation layer over the published v4 UI. */
:root,html[data-theme="light"] {
  --wm-bg:#f4f6f5; --wm-fg:#142b3b; --wm-muted:#576773;
  --wm-card:#fff; --wm-border:#dce4e7; --wm-accent:#087d7c;
  --wm-accent2:#3fc5b7; --wm-shadow:0 6px 24px #173b4910;
  --wm-wrap:1240px; --wm-radius:24px; --wm-radius2:28px;
  --modern-subtle:#eef3f2; --modern-surface:#fff; --reader-size:18px;
  --modern-header-start:#eaf2f5; --modern-header-end:#e4f2ef; --modern-header-border:#bdd7d9;
}
html[data-theme="dark"] {
  --wm-bg:#0c1923; --wm-fg:#e1ecef; --wm-muted:#a1b5bf;
  --wm-card:#132632; --wm-border:#2c424e; --wm-accent:#67d7c9;
  --wm-accent2:#8be1d9; --modern-subtle:#1b303d; --modern-surface:#132632;
  --modern-header-start:#162e3c; --modern-header-end:#163b3e; --modern-header-border:#365860;
}
@media(prefers-color-scheme:dark) {
  html:not([data-theme="light"]):not([data-theme="dark"]) {
    --wm-bg:#0c1923; --wm-fg:#e1ecef; --wm-muted:#a1b5bf; --wm-card:#132632;
    --wm-border:#2c424e; --wm-accent:#67d7c9; --modern-subtle:#1b303d; --modern-surface:#132632;
    --modern-header-start:#162e3c; --modern-header-end:#163b3e; --modern-header-border:#365860;
  }
}
body { background:var(--wm-bg); color:var(--wm-fg); }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--wm-accent); outline-offset:4px; }
[hidden] { display:none!important; }
.wm-bg { display:none; }
.wm-wrap { max-width:var(--wm-wrap); width:calc(100% - 64px); margin-inline:auto; padding:0; }
.wm-topbar .wm-wrap { padding-left:0; padding-right:0; }
.wm-main { padding:32px 0 60px; }
.wm-previewNotice { background:#dbeae6; color:#294c4b; text-align:center; padding:6px 18px; font-size:11px; letter-spacing:.035em; }
.wm-skip { position:fixed; top:-100px; left:16px; z-index:120; padding:12px; background:var(--wm-card); color:var(--wm-fg); }
.wm-skip:focus { top:12px; }
#wmHeaderMount { position:sticky; top:0; z-index:60; }
.wm-topbar { position:relative; background:linear-gradient(110deg,var(--modern-header-start),var(--modern-header-end)); border-bottom-color:var(--modern-header-border); box-shadow:none; backdrop-filter:none; }
.wm-topbar__inner { padding:13px 0; gap:22px; }
.wm-brand__logoWrap { width:44px; height:44px; flex-basis:44px; padding:3px; border:0; border-radius:16px; box-shadow:none; background:#fff; }
.wm-brand__logo { border-radius:8px; }
.wm-brand__title { color:var(--wm-fg); background:none; font-size:23px; }
.wm-brand__subtitle { font-size:11px; }
.wm-badge { display:none; }
.wm-navpill { background:none; border:0; box-shadow:none; padding:0; gap:12px; }
.wm-navpill__item { border-radius:999px; padding:8px 9px; font-size:13px; }
.wm-navpill__item.is-active { color:var(--wm-accent); background:var(--modern-subtle); box-shadow:none; }
.wm-topbar__searchRow { padding:0 0 12px; gap:14px; }
.wm-search { min-width:180px; }
.wm-search__input { border-radius:18px; background:var(--modern-surface); border:1px solid var(--wm-border); box-shadow:none; padding:11px 16px; font-size:13px; }
.wm-topbar__right { gap:8px; }
.wm-btn,.wm-pillbtn { border-radius:999px; box-shadow:none; background:var(--modern-surface); font-size:12px; padding:9px 12px; }
.wm-hint { color:var(--wm-muted); font-size:11px; min-width:45px; }
.wm-readingListBtn { white-space:nowrap; }
.wm-topbar__right .wm-pillbtn--level { min-width:0; }
.wm-hero { padding:0; background:none; border:0; box-shadow:none; border-radius:0; overflow:visible; }
.wm-editorialHero { position:relative; display:grid; grid-template-columns:1.22fr 1fr; background:#102f43; color:#fff; border-radius:28px 28px 0 0; overflow:hidden; padding:0; }
.wm-editorialHero__copy { padding:46px 0 44px 48px; z-index:1; }
.wm-eyebrow { display:flex; gap:10px; align-items:center; color:#b5d7de; font-size:10px; font-weight:600; letter-spacing:.18em; }
.wm-eyebrow>span { width:6px; height:6px; border-radius:50%; background:#6bdac9; }
html body .wm-editorialHero .wm-hero__title { margin:22px 0 18px; color:#fff; font-size:clamp(34px,3.5vw,53px); letter-spacing:-.04em!important; line-height:1.12!important; font-weight:650!important; }
.wm-hero__title em { font-style:normal; color:#72dfcd; }
.wm-editorialHero .wm-hero__lead { color:#c0d4de; max-width:520px; font-size:15px; line-height:1.75; }
.wm-heroActions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:27px; }
.wm-actionPrimary,.wm-actionSecondary { display:inline-flex; gap:30px; align-items:center; font-size:13px; font-weight:600; text-decoration:none; }
.wm-actionPrimary { color:#103645; background:#83e3d1; border:0; border-radius:999px; padding:14px 18px; cursor:pointer; }
.wm-actionPrimary:hover { background:#a2efde; }
.wm-actionSecondary { color:#e2f1f5; gap:14px; }
.wm-actionSecondary:hover { color:#83e3d1; }
.wm-heroNote { color:#a5c2d0; font-size:11px; margin-top:22px; }
.wm-atmosphere { align-self:center; width:100%; position:relative; padding:15px 15px 15px 0; }
.wm-atmosphere svg { width:100%; display:block; }
.wm-atmosphere__caption { display:flex; justify-content:center; gap:30px; font-size:8px; letter-spacing:.19em; color:#adced6; }
.wm-hero__stats.wm-statStrip { display:grid; grid-template-columns:repeat(3,1fr) 1.2fr; gap:0; margin:0; background:var(--modern-surface); border:1px solid var(--wm-border); border-top:0; border-radius:0 0 28px 28px; padding:22px 20px; }
.wm-statStrip .wm-kpi { border:0; border-right:1px solid var(--wm-border); border-radius:0; box-shadow:none; background:none; display:flex; flex-direction:column; gap:4px; align-items:center; padding:0 14px; }
.wm-statStrip .wm-kpi:last-child { border-right:0; }
.wm-statStrip .wm-kpi__v { font-size:25px; color:var(--wm-fg); line-height:1.2; font-weight:650; }
.wm-statStrip .wm-kpi__k { font-size:11px; color:var(--wm-muted); }
.wm-statStrip .wm-kpi--updated .wm-kpi__v { font-size:17px; padding:4px 0; }
.wm-hero__bottom { padding:0; }
.wm-quickstart:first-child { padding-top:38px; }
.wm-sectionKicker { color:var(--wm-accent); font-size:10px; letter-spacing:.14em; font-weight:650; }
html body .wm-sectionTitle { margin:7px 0 20px; font-size:25px; }
.wm-quickstart__chips:has([data-qmode]) { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.wm-qchip[data-qmode] { display:flex; flex-direction:column; align-items:flex-start; position:relative; min-height:158px; padding:22px; border:1px solid var(--wm-border); border-radius:24px; background:var(--modern-surface); box-shadow:none; text-align:left; white-space:normal; gap:12px; cursor:pointer; transition:border-color .15s,transform .15s; }
.wm-qchip[data-qmode]:hover { border-color:var(--wm-accent); transform:translateY(-2px); }
.wm-pathNumber { font-size:9px; letter-spacing:.12em; color:var(--wm-accent); }
.wm-qchip[data-qmode] strong { font-size:17px; font-weight:600; line-height:1.35; padding-right:20px; }
.wm-qchip[data-qmode] .wm-qchip__sub { font-size:12px; line-height:1.6; margin:0; color:var(--wm-muted); opacity:1; max-width:280px; }
.wm-pathArrow { position:absolute; right:20px; top:22px; color:var(--wm-accent); font-size:18px; }
.wm-quickstart:has([data-q]) { display:flex; align-items:center; gap:15px; margin-top:22px!important; margin-bottom:38px; }
.wm-quickstart:has([data-q]) .wm-quickstart__label { flex:none; font-size:11px; margin:0; }
.wm-qchip[data-q] { padding:7px 10px; background:none; border:1px solid var(--wm-border); box-shadow:none; border-radius:999px; font-size:11px; }
.wm-qchip[data-q] .wm-qchip__sub { display:none; }
.wm-panel--home { background:none; border:0; padding:0; box-shadow:none; border-radius:0; margin-top:32px; }
.wm-panel--home::before,.wm-panel--glow::before { display:none; }
.wm-panel__head { align-items:baseline; margin-bottom:20px; }
.wm-panel__head .wm-h2 { font-size:25px; }
.wm-panel__head .wm-muted { font-size:12px; }
.wm-cats--home { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.wm-cat--home,.wm-catCard { display:block; padding:23px; background:var(--modern-surface); border:1px solid var(--wm-border); border-radius:24px; box-shadow:none; }
.wm-cat--home { position:relative; min-height:205px; padding-top:72px; }
.wm-cat--home:hover,.wm-result:hover,.wm-relatedCard:hover { border-color:var(--wm-accent); }
.wm-categoryIcon { position:absolute; top:22px; left:23px; width:34px; height:34px; display:grid; place-items:center; color:var(--wm-accent); background:var(--modern-subtle); border-radius:14px; }
.wm-categoryIcon svg { width:23px; height:23px; }
.wm-cat__t { font-size:17px; line-height:1.35; padding-right:10px; font-weight:600; }
.wm-cat__id { display:none; }
.wm-cat__d { font-size:12px; line-height:1.65; color:var(--wm-muted); margin-top:9px; min-height:40px; }
.wm-cat__kpi { padding-top:14px; gap:9px; border-top:1px solid var(--wm-border); margin-top:16px; }
.wm-cat__kpi .wm-chip { padding:0; border:0; background:none; color:var(--wm-muted); font-size:9px; box-shadow:none; border-radius:0; }
.wm-cat__kpi .wm-chip:first-child { font-size:11px; font-weight:600; color:var(--wm-accent); }
.wm-homeCtas { margin-top:18px; gap:10px; }
.wm-featuredLatest { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.wm-latestBlock { background:var(--modern-surface); border:1px solid var(--wm-border); border-radius:24px; padding:22px; box-shadow:none; }
.wm-latestHead { padding-bottom:16px; margin-bottom:0; border-bottom:1px solid var(--wm-border); }
.wm-latestHead__k { font-size:15px; }
.wm-latestHead__m { font-size:10px; margin-top:4px; }
.wm-latestList { gap:0; }
.wm-latestList .wm-miniItem { padding:16px 0; border:0; border-bottom:1px solid var(--wm-border); border-radius:0; background:none; box-shadow:none; }
.wm-latestList .wm-miniItem:last-child { border-bottom:0; padding-bottom:0; }
.wm-miniItem__t { font-size:13px; font-weight:600; line-height:1.45; }
.wm-miniItem__m { font-size:9px; color:var(--wm-muted); }
.wm-miniItem__s { font-size:11px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:5px; }
.wm-howto { padding:25px; background:var(--modern-subtle); border-radius:24px; }
.wm-howtoCard { background:none; border:0; box-shadow:none; padding:10px; }
.wm-howtoText { font-size:12px; }
.wm-howtoNote { background:none; border:0; font-size:11px; padding:12px 0 0; }
.wm-card { background:var(--modern-surface); border:1px solid var(--wm-border); border-radius:24px; box-shadow:none; padding:30px; }
.wm-h1 { font-size:34px; line-height:1.2; }
.wm-result,.wm-relatedCard { background:var(--modern-surface); border-radius:14px; box-shadow:none; }
.wm-result__t { font-size:17px; }
.wm-result__s { font-size:13px; line-height:1.65; }
.wm-result__m { font-size:11px; }
.wm-catgroup { background:none; }
.wm-cmdk__panel { border-radius:24px; background:var(--modern-surface); color:var(--wm-fg); }
.wm-cmdkRow { border-radius:14px; }
#articleCard { padding:38px; }
#articleTitle { max-width:940px; margin:20px 0 24px; font-size:clamp(27px,3vw,42px); }
#articleMeta { font-size:11px; }
.wm-readerTools { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--wm-border); padding-bottom:20px; margin-bottom:22px; }
.wm-readerTools__meta { display:flex; gap:12px; flex-wrap:wrap; font-size:11px; color:var(--wm-muted); }
.wm-readerTools__actions { display:flex; gap:8px; align-items:center; }
.wm-readerTools button { cursor:pointer; min-height:34px; }
.wm-fontControl { font-weight:600; font-size:13px; }
.wm-saveBtn[aria-pressed="true"] { background:var(--modern-subtle); color:var(--wm-accent); border-color:var(--wm-accent); }
.wm-levels { display:flex; gap:8px; margin-bottom:28px; border:0; padding:0; background:none; }
.wm-levelBtn { flex:1; border-radius:999px; padding:13px 10px; background:var(--modern-subtle); border:1px solid var(--wm-border); color:var(--wm-muted); font-size:13px; box-shadow:none; }
.wm-levelBtn.is-active { background:var(--wm-fg); border-color:var(--wm-fg); color:var(--wm-bg); box-shadow:none; }
.wm-articleLayout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:40px; align-items:start; }
.wm-tocMount { position:sticky; top:155px; padding:0; }
.wm-toc { border:0; border-radius:0; background:none; box-shadow:none; padding:0 20px 0 0; border-right:1px solid var(--wm-border); max-height:calc(100dvh - 185px); overflow:auto; }
.wm-toc__t { font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.wm-toc__a { font-size:11px; line-height:1.55; padding:9px 10px; border-radius:14px; }
.wm-tabcontent { min-width:0; max-width:760px; padding:0; font-size:var(--reader-size); line-height:1.85; }
.wm-tabcontent p { margin:0 0 1.15em; }
html body .wm-tabcontent h2 { margin:1.7em 0 .75em; font-size:1.35em; }
html body .wm-tabcontent h3 { margin:1.45em 0 .65em; font-size:1.13em; }
.wm-tabcontent h2,.wm-tabcontent h3 { scroll-margin-top:160px; }
.wm-tabcontent a { color:var(--wm-accent); text-underline-offset:3px; overflow-wrap:anywhere; }
.wm-tabcontent table { display:block; max-width:100%; overflow:auto; font-size:.85em; }
.wm-tabcontent img,.wm-tabcontent svg { max-width:100%; height:auto; }
.wm-tabcontent pre { max-width:100%; overflow:auto; }
.wm-related { margin-top:38px; border-top:1px solid var(--wm-border); padding-top:25px; }
.wm-relatedCard__t { font-size:14px; }
.wm-relatedCard__s { font-size:12px; }
.wm-progress { position:fixed; top:0; left:0; z-index:90; height:3px; background:#36bca8; width:0; pointer-events:none; }
.wm-savedDialog { color:var(--wm-fg); background:var(--modern-surface); border:1px solid var(--wm-border); border-radius:24px; padding:28px; max-width:640px; width:calc(100% - 48px); max-height:75dvh; }
.wm-savedDialog::backdrop { background:#051d2cc2; }
.wm-savedHeader { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:12px; }
.wm-savedHeader h2 { margin:0; font-size:23px; }
.wm-savedDialog p { color:var(--wm-muted); font-size:13px; }
.wm-savedItems { display:grid; gap:12px; }
.wm-savedItem { display:flex; align-items:center; gap:20px; border-top:1px solid var(--wm-border); padding-top:15px; }
.wm-savedItem a { color:var(--wm-fg); font-size:15px; flex:1; text-decoration:none; }
.wm-savedItem button { flex:none; }
.wm-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:110; background:var(--wm-fg); color:var(--wm-bg); padding:12px 20px; border-radius:14px; font-size:13px; max-width:calc(100% - 40px); text-align:center; }
.wm-footer { background:var(--modern-surface); border-color:var(--wm-border); }
@media(max-width:1100px) {
  .wm-navpill { gap:4px; }
  .wm-navpill__item { font-size:12px; padding:7px; }
  .wm-brand__subtitle { max-width:220px; overflow:hidden; text-overflow:ellipsis; }
  .wm-topbar__right .wm-hint { display:none; }
  .wm-editorialHero__copy { padding:36px 0 36px 32px; }
  .wm-editorialHero .wm-hero__lead br { display:none; }
  .wm-articleLayout { grid-template-columns:190px minmax(0,1fr); gap:26px; }
}
@media(max-width:800px) {
  .wm-wrap { width:calc(100% - 36px); }
  .wm-topbar__inner { flex-wrap:wrap; padding:12px 0 8px; gap:9px; }
  .wm-brand__subtitle { max-width:none; }
  .wm-navpill { width:100%; justify-content:space-between; margin:0; gap:0; }
  .wm-topbar__searchRow { flex-wrap:wrap; gap:8px; padding-bottom:10px; }
  .wm-topbar__right { width:100%; justify-content:flex-start; gap:7px; }
  .wm-topbar__right .wm-btn { font-size:10px; padding:7px 9px; min-height:32px; }
  .wm-search { flex:1 0 100%; }
  .wm-search__input { padding:10px 12px; font-size:12px; }
  .wm-main { padding-top:20px; }
  .wm-editorialHero { grid-template-columns:1fr; }
  .wm-editorialHero__copy { padding:30px; }
  .wm-atmosphere { display:block; position:absolute; right:-8%; bottom:-24px; width:76%; max-width:430px; padding:0; margin:0; opacity:.32; pointer-events:none; z-index:0; }
  .wm-atmosphere__caption { display:none; }
  html body .wm-editorialHero .wm-hero__title { font-size:40px; }
  .wm-hero__stats.wm-statStrip { grid-template-columns:repeat(2,1fr); padding:18px 10px; row-gap:20px; }
  .wm-statStrip .wm-kpi:nth-child(2) { border-right:0; }
  .wm-statStrip .wm-kpi__v { font-size:23px; }
  .wm-quickstart__chips:has([data-qmode]) { gap:10px; }
  .wm-qchip[data-qmode] { padding:17px; min-height:190px; }
  .wm-qchip[data-qmode] strong { font-size:15px; }
  .wm-pathNumber { font-size:8px; }
  .wm-pathArrow { display:none; }
  .wm-cats--home { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .wm-quickstart:has([data-q]) { display:block; }
  .wm-quickstart:has([data-q]) .wm-quickstart__label { margin-bottom:10px; }
  .wm-featuredLatest { grid-template-columns:1fr; }
  .wm-panel__head { display:block; }
  .wm-panel__head .wm-muted { margin-top:7px; }
  #articleCard { padding:25px; }
  .wm-articleLayout { display:block; }
  .wm-tocMount { position:static; margin-bottom:20px; }
  .wm-tocDesktop { display:none; }
  .wm-tocMobile { display:block; background:var(--modern-subtle); }
  .wm-readerTools { flex-wrap:wrap; }
  .wm-tabcontent h2,.wm-tabcontent h3 { scroll-margin-top:235px; }
  .wm-relatedGrid { grid-template-columns:1fr; }
}
@media(max-width:520px) {
  .wm-wrap { width:calc(100% - 28px); }
  .wm-brand__title { font-size:21px; }
  .wm-brand__subtitle { font-size:10px; white-space:normal; }
  .wm-navpill { flex-wrap:nowrap; }
  .wm-navpill__item { font-size:11px; padding:7px 5px; }
  .wm-topbar__right .wm-btn { min-height:36px; padding:7px 8px; }
  .wm-eyebrow { font-size:8px; letter-spacing:.12em; }
  .wm-editorialHero__copy { padding:28px 23px; }
  html body .wm-editorialHero .wm-hero__title { font-size:35px; }
  .wm-editorialHero .wm-hero__lead { font-size:13px; }
  .wm-heroActions { gap:18px; align-items:flex-start; }
  .wm-actionPrimary,.wm-actionSecondary { font-size:12px; }
  .wm-quickstart__chips:has([data-qmode]) { grid-template-columns:1fr; }
  .wm-qchip[data-qmode] { min-height:0; gap:9px; padding:20px; }
  .wm-qchip[data-qmode] strong { font-size:18px; }
  .wm-pathArrow { display:block; }
  .wm-cats--home { grid-template-columns:1fr; }
  .wm-cat--home { min-height:0; }
  .wm-card { padding:20px; }
  #articleCard { padding:22px 17px; }
  .wm-levelBtn { padding:12px 5px; font-size:11px; }
  .wm-readerTools__actions { width:100%; justify-content:flex-end; }
  .wm-readerTools__actions .wm-saveBtn { margin-right:auto; }
  .wm-tabcontent { font-size:calc(var(--reader-size) - 1px); overflow-wrap:break-word; }
  .wm-savedDialog { padding:20px; }
  .wm-previewNotice { font-size:9px; padding:6px 12px; }
  .wm-h1 { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}
@media(max-width:360px) {
  .wm-navpill { flex-wrap:wrap; justify-content:flex-start; gap:3px; }
  .wm-topbar__right { flex-wrap:wrap; }
  html body .wm-editorialHero .wm-hero__title { font-size:31px; }
}

/* Shared public brand typography: larger, softer and subtly colored. */
html body .wm-brand { gap:12px; }
html body .wm-brand__title { font-family:inherit; font-size:28px; font-weight:600!important; line-height:1.2; letter-spacing:-.02em; color:var(--wm-fg); background:none; }
html body .wm-brand__subtitle { font-family:inherit; font-size:14px; font-weight:400; line-height:1.5; letter-spacing:normal; white-space:normal; overflow:visible; text-overflow:clip; max-width:360px; }
html body .wm-brand__logoWrap { width:50px; height:50px; flex-basis:50px; }
@supports ((background-clip:text) or (-webkit-background-clip:text)) { html body .wm-brand__title { background:linear-gradient(110deg,var(--wm-fg) 10%,var(--wm-accent) 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } }
@media(max-width:560px) { html body .wm-brand__title { font-size:26px; } html body .wm-brand__subtitle { font-size:14px; max-width:none; } html body .wm-brand__logoWrap { width:44px; height:44px; flex-basis:44px; } }
@media(forced-colors:active) { html body .wm-brand__title { background:none; color:CanvasText; -webkit-text-fill-color:currentColor; } }