/* Watch the sunrise live right now (/sunrise-live-cam/, public/next/sunrise-now.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. */
.sr-live h2{font-size:24px;margin:0 0 6px}
.sr-live .bl-featured{margin:12px 0 14px}
.sr-live .bl-caption h3{font-size:22px;line-height:1.2;margin:6px 0 10px}
.sr-live .bl-caption h3 a{color:var(--text);text-decoration:none}
.sr-live .bl-caption h3 a:hover,.sr-live .bl-caption h3 a:focus-visible{text-decoration:underline}
.sr-lead{font-size:16px;line-height:1.55;margin:0 0 4px;color:var(--text)}
.sr-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr));gap:8px}
.sr-list li{display:grid;grid-template-columns:1.6em 96px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:8px;min-width:0}
.sr-n{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.sr-list li.is-now{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.sr-thumb{display:block;aspect-ratio:16/9;background:#000;border-radius:5px;overflow:hidden}
.sr-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sr-row-main{min-width:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}
.sr-row-main>a{color:var(--text);font-weight:650;text-decoration:none;line-height:1.3}
.sr-row-main>a:hover,.sr-row-main>a:focus-visible{text-decoration:underline}
.sr-row-meta{display:flex;flex-wrap:wrap;gap:6px}
.sr-row-when{font-size:13px;color:var(--muted)}
.sr-timeline{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.sr-timeline li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;min-width:0}
.sr-timeline li[hidden]{display:none}
.sr-timeline a{color:var(--text);font-weight:650}
.sr-timeline [data-f="when"]{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}
.sr-group{margin:22px 0 4px;font-size:18px}
.sr-year{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;margin:8px 0 0}
.sr-year th,.sr-year td{text-align:left;padding:7px 8px;border-top:1px solid var(--line);vertical-align:top}
.sr-year td{font-variant-numeric:tabular-nums;white-space:nowrap}
.sr-year small{display:block;color:var(--muted);font-size:12px}
.sr-scroll{overflow-x:auto;max-width:100%}
.sr-src{font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:600px){.sr-list li{grid-template-columns:1.4em 80px minmax(0,1fr);gap:8px}.sr-year{font-size:13px}.sr-year th,.sr-year td{padding:6px 5px}}