.live-panel{padding:28px;margin:24px 0 36px;border:1px solid var(--line);border-radius:12px;background:var(--white)}
.live-panel>p{max-width:76ch;margin:12px 0;color:var(--muted);line-height:1.6}
.live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:22px 0}
.live-grid article{padding:20px;border:1px solid var(--line);border-radius:8px;background:#f7faf8;min-width:0}
.live-grid h3{font-size:14px;font-weight:600;line-height:1.5;margin:0 0 12px}
.live-grid strong{font-size:18px;color:var(--teal)}
.live-grid .live-state.unavailable{color:var(--amber)}
.live-grid .live-state.unknown{color:var(--muted)}
.live-grid .meta{font-size:13px;margin-top:8px;color:var(--muted)}
@media(max-width:650px){.live-panel{padding:20px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.live-grid article{padding:16px}.live-grid strong{font-size:16px}}
@media(max-width:360px){.live-grid{grid-template-columns:1fr}}