/* Christmas & holiday lights live cams (/christmas-lights-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. */
.hl-summary{font-size:17px;line-height:1.55;margin:0 0 10px;color:var(--text)}
.hl-summary:empty{display:none}
.hl-kind{display:inline-block}
.hl-dates{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:10px}
.hl-dates li{border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}
.hl-dates li[data-state="on"]{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.hl-dates li[data-state="past"]{opacity:.7}
.hl-dates h3{margin:0;font-size:16px;line-height:1.35}
.hl-dates .hl-date-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin:5px 0 0}
.hl-dates [data-f="state"]:empty{display:none}
.hl-dates p{margin:6px 0 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.hl-dates .hl-src{font-size:12.5px;color:var(--muted)}
.hl-group{margin:22px 0 4px;font-size:18px}