/* Mardi Gras live cams (/mardi-gras-live-cams/, public/next/mardi-gras.js). Builds on best-live.css (.bl-*),
   watering-hole.css (.wh-tips, .wh-faq), aurora-tonight.css (.at-pill, .at-sub, .p-panel) and sakura-season.css (.sk-src,
   .sk-links); only what those pages do not have is here. Carnival purple, green and gold as accents only. */
.mg-count{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:6px 18px;align-items:center;padding:16px 18px;margin:0 0 18px;min-width:0;border-left:4px solid #7c3aed}
.mg-big{font-size:clamp(28px,6vw,44px);font-weight:750;line-height:1.05;font-variant-numeric:tabular-nums;color:#a855f7;overflow-wrap:anywhere}
.mg-big-label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-top:4px}
.mg-hero{font-size:17px;font-weight:600;margin:0;overflow-wrap:anywhere}
.mg-days{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.mg-day{border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-width:0;overflow-wrap:anywhere}
.mg-day[data-mg-row="fat"]{border-color:#eab308;background:color-mix(in srgb,#eab308 10%,transparent)}
.mg-day h3{margin:0 0 2px;font-size:17px;line-height:1.3}
.mg-day p{margin:2px 0 0;font-size:14px;line-height:1.5}
.mg-when{font-weight:650;font-variant-numeric:tabular-nums}
.mg-when [data-mg-count]{color:var(--accent);margin-left:6px}
.mg-local{color:var(--muted)}
.mg-panel{padding:16px 18px;margin:0 0 18px;min-width:0}
@media (max-width:480px){.mg-count{grid-template-columns:minmax(0,1fr)}}