.site-fallback {
  box-sizing: border-box;
  max-width: 48rem;
  margin: 3rem auto;
  padding: clamp(1.5rem, 5vw, 3rem);
  border-radius: 1rem;
  background: #000000;
  color: #f5f7f6;
  font: 1rem/1.7 system-ui, sans-serif;
}
.site-fallback h1 { font: 600 clamp(2rem, 7vw, 3.5rem)/1.1 system-ui, sans-serif; letter-spacing: -.045em; }
.site-fallback__eyebrow { color: #b6bfb9; }
.site-fallback a { color: #8dc7aa; text-underline-offset: .2em; }
.site-fallback a:focus-visible { outline: 2px solid #8dc7aa; outline-offset: 4px; }
@media (max-width: 560px) { .site-fallback { margin: 1rem auto; } }
html { min-height: 100%; background: #000000; color: #f5f7f6; }
body { margin: 0; min-height: 100vh; }