/* Maui whale season live cams (/maui-whale-watching-live-cams/). Builds on best-live.css (.bl-*), watering-hole.css
   (.wh-table, .wh-tips, .wh-faq) and aurora-tonight.css (.at-pill, .at-sub, .p-panel); only what those pages do not have
   is here. */
.ws-now{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 12px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;min-width:0}
.ws-now[data-phase="peak"],.ws-now[data-phase="season"]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.ws-now [data-f="label"]{font-size:19px;font-weight:700;line-height:1.3}
.ws-now p{margin:0;font-size:15.5px;line-height:1.55;overflow-wrap:anywhere}
.ws-clock{font-size:15px;color:var(--muted)}
.ws-clock [data-ws-clock]{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.ws-sites{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px}
.ws-sites li{border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}
.ws-sites h3{margin:0;font-size:16px;line-height:1.35}
.ws-sites p{margin:5px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.ws-sites .ws-area{font-size:13px;color:var(--muted)}
.ws-src{font-size:12.5px;color:var(--muted)}
.ws-table-wrap{overflow-x:auto;max-width:100%}