/* © 2026 Munir Kotadia. All rights reserved. Not to be copied or reused without written permission. */
.sec-title{margin:0;font-weight:800;font-size:1.2rem;letter-spacing:.01em;color:var(--accent-2)}
.sec-sub{margin:2px 0 10px;color:var(--ink-2);font-size:.82rem;font-weight:600}
.events{display:flex;flex-direction:column;gap:10px}
.ev{border:var(--bw) solid var(--edge);border-radius:14px;background:var(--panel-2);overflow:hidden}
.ev summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr);row-gap:4px;padding:11px 12px;align-items:center}
.ev summary::-webkit-details-marker{display:none}
.ev.off{opacity:.55;filter:grayscale(1)}.ev.off summary{cursor:default}
.ev .l1{display:flex;align-items:center;gap:8px;min-width:0}
.ev .ico{flex:none;width:26px;height:26px}
.ev .name{font-family:var(--f-neon);font-size:1.2rem;line-height:1.1;color:var(--title-2)}
:root[data-mode="night"] .ev .name{text-shadow:0 0 8px var(--accent)}
.ev .pill{justify-self:start}
.pill{font-weight:800;font-size:.76rem;line-height:1;padding:6px 10px;border-radius:999px;white-space:nowrap;color:#14110A}
.pill.go{background:var(--go)}.pill.cover{background:var(--cover)}
.pill.planb{background:var(--planb);color:#fff}.pill.nodrink{background:var(--nodrink);color:#fff}.pill.wait{background:var(--panel);color:var(--ink-2);border:1.5px solid var(--edge)}
.ev .l2{grid-column:1/-1;font-size:.8rem;font-weight:700;color:var(--ink-2)}
.ev .l3{grid-column:1/-1;font-size:.92rem;font-weight:800;line-height:1.3}
.ev[open] summary{border-bottom:var(--bw) dashed var(--edge)}
.ebody{padding:12px;display:flex;flex-direction:column;gap:10px}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:.72rem;font-weight:800;border-radius:6px;padding:2px 7px;border:1.5px solid}
.tag.high{color:var(--go);border-color:var(--go)}.tag.med{color:var(--cover);border-color:var(--cover)}.tag.low{color:var(--planb);border-color:var(--planb)}
.tag.warn{color:#fff;background:#8E44E0;border-color:#8E44E0}
.tag.gust{color:#221A00;background:var(--cover);border-color:var(--cover)}
.hstrip{display:flex;gap:2px}
.hcell{flex:1;min-width:0;max-width:40px;display:flex;flex-direction:column;align-items:center;gap:2px}
.hcell svg{width:100%;max-width:30px;height:auto;display:block}
.hcell i{display:block;width:70%;height:3px;border-radius:2px}
.hcell span{font-size:.62rem;font-weight:800;color:var(--ink-2);font-variant-numeric:tabular-nums}
.pstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pstat{background:var(--panel);border:var(--bw) solid var(--edge);border-radius:10px;padding:6px 9px}
.pstat small{display:block;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-weight:800}
.pstat b{font-size:1rem;font-variant-numeric:tabular-nums}
.note{font-size:.76rem;color:var(--ink-2);font-weight:600}
.change{font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.arrow{font-weight:800;border-radius:6px;padding:1px 7px;font-size:.76rem}
.arrow.wetter{background:#3E6FD9;color:#fff}.arrow.drier{background:var(--sun);color:#221A00}.arrow.same{border:1.5px solid var(--edge);color:var(--ink-2)}
.boat{font-weight:700;font-size:.86rem;border:2px dashed var(--edge);border-radius:10px;padding:6px 10px}
.boat b{color:var(--accent-2)}