.status-page{min-height:calc(100svh - var(--nav-h));padding:calc(var(--nav-h) + 3rem) 16px 4rem;align-content:center;gap:1.25rem;max-width:720px;margin:0 auto;display:grid}.status-page .code{font:600 .8rem/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.status-page h1{font:600 clamp(2rem, 5vw, 3.25rem)/1.05 var(--f-display);letter-spacing:-.02em;color:var(--ink);margin:0}.status-page h1 .dot{color:var(--gold)}.status-page p{color:var(--ink-muted);margin:0;font-size:1.05rem;line-height:1.6}.status-page .actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.status-page .actions a,.status-page .actions button{border:1px solid var(--line-strong);background:var(--bg);min-height:44px;color:var(--ink);font:500 .95rem/1 var(--f-body);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;padding:0 1.25rem;text-decoration:none;display:inline-flex}.status-page .actions .primary{background:var(--gold);border-color:var(--gold);color:#fff}.status-page .actions a:hover,.status-page .actions button:hover{border-color:var(--gold)}.status-page .actions .primary:hover{background:var(--gold-hi)}@media (min-width:768px){.status-page{padding-inline:var(--gutter)}}