/* Cherry blossom live cams (/cherry-blossom-live-cams/, public/next/sakura-season.js). 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. Also used by /mardi-gras-live-cams/ for its date rows (.sk-row). */
.sk-clocks{font-size:15px;color:var(--muted);margin:0 0 4px;font-variant-numeric:tabular-nums}
.sk-clocks strong{color:var(--text)}
.sk-hero{font-size:18px;font-weight:650;margin:0 0 10px;overflow-wrap:anywhere}
.sk-timeline{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.sk-row{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:4px 14px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;min-width:0;overflow-wrap:anywhere}
.sk-row[data-state="opening"],.sk-row[data-state="full"],.sk-row[data-state="window"]{border-color:#ec4899;background:color-mix(in srgb,#ec4899 10%,transparent)}
.sk-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--text) 6%,transparent);padding:6px 4px;text-align:center;line-height:1.1}
.sk-badge strong{font-size:22px;font-variant-numeric:tabular-nums}
.sk-badge span{font-size:11px;color:var(--muted)}
.sk-row h3{margin:0 0 2px;font-size:17px;line-height:1.3}
.sk-row p{margin:2px 0 0;font-size:14px;line-height:1.5}
.sk-count{font-weight:650;color:var(--accent)}
.sk-dates{font-variant-numeric:tabular-nums}
.sk-dates span{color:var(--muted)}
.sk-camline{font-size:14px}
.sk-nocam{color:var(--muted)}
.sk-src{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.sk-table-wrap{overflow-x:auto;max-width:100%}
.sk-links{margin:10px 0;padding-left:18px}
.sk-links li{margin:0 0 8px;line-height:1.5;overflow-wrap:anywhere}
.sk-links span{display:block;font-size:14px;color:var(--muted)}
@media (max-width:480px){.sk-row{grid-template-columns:3.4rem minmax(0,1fr);gap:4px 10px;padding:10px}.sk-badge strong{font-size:18px}}
.sk-panel{padding:16px 18px;margin:0 0 18px;min-width:0}
