.services-status { padding-top:2rem; padding-bottom:3rem; }
.status-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-bottom:2rem; }
.status-toolbar p { margin:0; color:#6b6058; }
.services-status section+section { margin-top:2.5rem; }
.status-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:1rem; margin-top:1.25rem; }
.status-card { background:#fff; border:1px solid #e3dcd4; border-radius:10px; box-shadow:0 4px 16px rgba(48,35,27,.05); padding:1.35rem; }
.status-card h3 { margin:0 0 1rem; font-size:1.12rem; }
.service-state { display:flex; align-items:center; gap:.6rem; font-weight:700; margin:.5rem 0; color:#625d57; }
.service-state span { width:.65rem; height:.65rem; border-radius:50%; background:#7e7872; flex-shrink:0; }
.service-state.is-online,.service-state.is-available { color:#25634b; }
.service-state.is-online span,.service-state.is-available span { background:#388161; }
.service-state.is-starting { color:#825e23; }.service-state.is-starting span { background:#b58a3e; }
.service-state.is-degraded,.service-state.is-maintenance { color:#825e23; }
.service-state.is-degraded span,.service-state.is-maintenance span { background:#b58a3e; }
.service-state.is-unavailable { color:#9b3e32; }.service-state.is-unavailable span { background:#9b3e32; }
.service-state.is-on_demand,.service-state.is-in_game { color:#40616e; }.service-state.is-on_demand span,.service-state.is-in_game span { background:#5b8491; }
.status-time { margin:.75rem 0 0; font-size:.85rem; color:#756a61; }
.status-help { margin-top:1.5rem; color:#6b6058; }
.status-context { grid-column:1/-1; padding-left:1.2rem; margin:.75rem 0 0; overflow-wrap:anywhere; }
.status-context a { color:#775023; text-decoration:underline; text-underline-offset:.2em; }
.status-context a:hover { color:#492d13; }
.status-context a:focus-visible,.status-history summary:focus-visible { outline:2px solid #775023; outline-offset:4px; }
@media(max-width:600px) { .status-card { padding:1rem; } }
.status-announcements { margin-block: 2rem; }
.status-announcements > section { margin-block: 1.5rem; }
.status-history { margin-top:1.5rem; }
.status-history summary { cursor:pointer; font-weight:700; }
.announcement-meta { color:#6b6058; }
.declared-announcement { margin-block: 1rem; overflow-wrap: anywhere; }
.declared-announcement:target { outline:2px solid #775023; outline-offset:4px; }
.declared-announcement h4 { margin-top: 0; font-size: 1.2rem; }
.declared-announcement.is-severity-minor { border-inline-start: 4px solid #8c8178; }
.declared-announcement.is-severity-major { border-inline-start: 4px solid var(--accent); }
.declared-announcement.is-severity-critical { border-inline-start: 4px solid #9b3e32; }
.declared-announcement.is-resolved { border-inline-start-color: #388161; }
.declared-announcement p { white-space: normal; }
.status-updates { padding-left: 1.5rem; }
.status-updates li + li { margin-top: 1rem; }