.error-page { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.error-page__card {
  max-width: 48rem;
  margin: 0 auto;
  padding: var(--space-xl);
  background: var(--surface);
  border: var(--border) solid var(--ink);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-hard);
}
.error-page__code {
  display: inline-block;
  padding: var(--space-xs) var(--space-s);
  border-radius: var(--radius-btn);
  background: var(--panel-bg);
  margin: 0 0 var(--space-m);
  font-family: var(--font-mono);
  font-size: var(--fs-card-title);
  font-weight: var(--fw-title);
  line-height: var(--lh-ui-title);
  color: var(--panel-title);
}
.error-page h1 { margin: 0; font-size: var(--fs-ui-title); line-height: var(--lh-ui-title); }
.error-page__description { max-width: var(--reading-measure); margin: var(--space-l) 0; font-size: var(--fs-reading); }
.error-page__help { margin: var(--space-l) 0 0; color: var(--ink-muted); font-size: var(--fs-ui-body); }
.error-page__help + .button { margin-top: var(--space-l); }
@media (max-width: 600px) {
  .error-page__card { padding: var(--space-l); }
  .error-page .button { width: 100%; }
}