.status-page{min-height:100dvh;padding:var(--spacing-lg) 40px var(--spacing-2xl);background:var(--ui-canvas);color:var(--ui-text);grid-template-rows:auto 1fr;display:grid}.status-page-brand{width:152px;min-height:var(--size-target);align-items:center;display:flex}.status-page-body{place-self:center;gap:var(--spacing-sm);width:min(100%,520px);padding-block:var(--spacing-2xl);animation:status-page-enter var(--motion-base) var(--ease-arrive) both;display:grid}.status-page-eyebrow{color:var(--ui-text-muted);font-size:var(--type-meta);font-weight:var(--weight-strong);letter-spacing:.02em;margin:0}.status-page[data-tone=success] .status-page-eyebrow{color:var(--ui-text)}.status-page[data-tone=danger] .status-page-eyebrow{color:var(--ui-danger-text)}.status-page h1{font-size:var(--type-display);font-weight:var(--weight-heading);letter-spacing:-.01em;margin:0;line-height:1.15}.status-page-description{color:var(--ui-text-muted);font-size:var(--type-lead);margin:0;line-height:1.55}.status-page-actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.status-page-reference{margin:var(--spacing-sm) 0 0;color:var(--ui-text-muted);font-size:var(--type-caption)}.status-page-reference code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes status-page-enter{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.status-page-body{animation:none}}@media (max-width:640px){.status-page{padding:var(--spacing-md) 20px var(--spacing-xl)}.status-page h1{font-size:var(--type-figure)}}