/* weer.css: sectie-stijl voor /weather/ (klimaat per maand). Alleen klassen met w-; hergebruikt de gedeelde tokens/componenten uit shared.css. Geen eigen JS. */
.t-weer{--acc:#ffe27a;--acc-soft:#fff4c4;--hero:#bfeaff}
.t-weer .c-hero{background:var(--hero)}
.t-weer .c-photo .main.art{aspect-ratio:auto;object-fit:contain;border:0;box-shadow:none;background:none;transform:none;max-height:300px;margin:0 auto}
.t-weer .c-dec.cld1{width:120px;height:auto;left:46%;top:14px;z-index:1;opacity:.95}
.w-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
.w-tab th,.w-tab td{vertical-align:top}
.w-tab tbody th{background:none;border-bottom:0;white-space:nowrap;font-weight:700}
.w-tab td.w-n{white-space:nowrap}
.w-tab td.w-note{min-width:260px}
.w-tab a{font-weight:700}
.w-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.w-chart{margin:0 0 18px;background:#fff;border:4px solid var(--ink);border-radius:22px;padding:10px 12px 6px;box-shadow:5px 6px 0 var(--shadow);max-width:560px}
.w-chart figcaption{font-size:14px;font-weight:600;text-align:center;padding:2px 0 4px}
.w-svg{display:block;width:100%;height:auto}
.w-svg rect{stroke:var(--ink);stroke-width:2}
.w-svg text{font-family:var(--ff);fill:var(--ink)}
.w-svg text.v{font-size:10px;font-weight:700}
.w-svg text.l{font-size:11px;font-weight:600}
.s1{background:#b8f0c8}.s2{background:#e3f5a6}.s3{background:#ffe27a}.s4{background:#ffab9a}
.w-svg rect.s1{fill:#b8f0c8}.w-svg rect.s2{fill:#e3f5a6}.w-svg rect.s3{fill:#ffe27a}.w-svg rect.s4{fill:#ffab9a}
.w-sc{display:inline-block;border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-weight:700;font-size:14px;white-space:nowrap}
.w-tab td,.w-tab th{position:relative}
.w-heat th,.w-heat td{text-align:center;padding:6px 6px}
.w-heat tbody th{background:none;border-bottom:0;text-align:left;white-space:nowrap}
.w-heat td{position:relative;min-width:44px;border-left:2px solid var(--ink)}
.w-heat td b{display:block;font-size:15px;line-height:1.1}
.w-heat td small{display:block;font-size:12px;font-weight:600}
.w-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px;padding:0}
.w-lg{border:2px solid var(--ink);border-radius:999px;padding:2px 12px;font-weight:600;font-size:14px}
.w-lg small{font-weight:500}
.w-loc .c-table-wrap{margin-top:6px}
@media (max-width:640px){.w-tab td.w-note{min-width:220px}.w-chart{max-width:100%}}
@media print{.w-chart{box-shadow:none}}