/* Host-only 48-hour status. Inherits the site's active theme. */
.sc-lite { max-width: 1080px; margin-inline: auto; }
.sc-lite-intro { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:0 0 20px; }
.sc-lite-intro h2 { margin:0 0 4px; }
.sc-lite-intro p { margin:0; }
.sc-lite .sc-service-list { display:grid; grid-template-columns:1fr; gap:14px; }
.sc-lite .sc-lite-service { padding:clamp(17px,3vw,26px); border-radius:16px; }
.sc-lite .sc-service-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.sc-lite .sc-service-name { display:flex; align-items:center; gap:12px; }
.sc-lite .sc-service-name h3 { margin:0; font-size:clamp(1.1rem,2vw,1.35rem); }
.sc-lite .sc-lite-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:6px 14px; color:var(--muted, #aab1bb); font-size:.8rem; margin-top:12px; }
.sc-lite .sc-timeline-scroll { width:100%; overflow-x:auto; }
.sc-lite .sc-timeline { min-width:540px; }
.sc-lite .sc-bars { display:flex; gap:2px; align-items:stretch; height:22px; }
.sc-lite .sc-bar { flex:1 1 0; min-width:2px; border-radius:2px; }
.sc-lite .sc-bar.state-up { background:#54a785; }
.sc-lite .sc-bar.state-down { background:#d55c5c; }
.sc-lite .sc-bar.state-degraded { background:#d3a356; }
.sc-lite .sc-bar.state-unknown { background:#555d68; }
.sc-lite .sc-time { display:flex; justify-content:space-between; padding-top:6px; font-size:.75rem; opacity:.7; }
@media (max-width:680px){ .sc-lite-intro {flex-direction:column;align-items:start;} .sc-lite .sc-service-head {align-items:start;flex-direction:column;} }