/* Public status page. Same paper/card/gold language as the rest of Talon. */
.status-hero{padding:54px 0 26px;max-width:820px}
.status-hero h1{font-size:clamp(36px,5vw,54px);line-height:1.05;margin-bottom:14px}
.status-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 14px;font-size:14px;margin:10px 0 8px;max-width:100%}
.status-badge.ok{border-color:#C9E3D4;background:#EFF7F1;color:var(--good)}
.status-badge.warn{border-color:var(--gold-soft);background:#FBF6E8;color:#8A6B0E}
.status-badge.bad{border-color:#F3C9C3;background:#FDF0EE;color:var(--bad)}
.status-summary{color:var(--muted);max-width:70ch;margin-top:8px}
.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:16px 0 8px}
.status-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}
.status-card-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}
.status-card-head h2{font-size:18px;font-family:Inter,system-ui,sans-serif;font-weight:600;letter-spacing:0}
.status-state{margin-left:auto;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.status-state.ok{color:var(--good)}
.status-state.warn{color:#8A6B0E}
.status-state.bad{color:var(--bad)}
.status-value{font-size:15px;margin:0 0 4px;overflow-wrap:anywhere}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--line-strong);display:inline-block;flex:0 0 auto}
.status-dot.ok{background:var(--good)}
.status-dot.warn{background:var(--gold)}
.status-dot.bad{background:var(--bad)}
.status-dot.unknown{background:var(--line-strong)}
.status-section{padding:26px 0;border-top:1px solid var(--line)}
.status-section h2{font-size:26px;margin-bottom:12px}
.status-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:10px 0 12px}
.status-stats div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.status-stats b{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:26px;font-weight:400;line-height:1.1;overflow-wrap:anywhere}
.status-stats span{font-size:12px;color:var(--muted)}
.status-help ol{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px}
.status-help li{margin-bottom:12px}
.status-help b{color:var(--ink)}
.status-foot{padding:20px 0 60px}
@media (max-width:720px){
  .status-hero{padding-top:34px}
  .status-grid{grid-template-columns:1fr}
  .status-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-card{padding:15px}
}