@layer base {
  :focus-visible{ outline:2px solid var(--accent-blue); outline-offset:2px; }

  h1,h2,h3{ margin:0 0 var(--space-4); line-height:1.2; color:var(--text); }
  h1{ font-size:clamp(1.5rem,2vw + 1rem,2rem); }
  h2{ font-size:1.25rem; }
  p{ margin:0 0 var(--space-4); color:var(--text-muted); }
  small{ font-size:.875em; color:var(--text-muted); }

  .container{ width:min(var(--container-w), 100% - 32px); margin-inline:auto; margin-top: 20px; }

  .page-centered{
    min-height:60vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:22px; text-align:center; padding:40px 16px; background:#fefefe;
  }
  .page-title{ margin:0; font-size:2rem; line-height:1.2; }
  .page-title.danger{ color:var(--color-danger); }
  .page-text{ margin:0; font-size:1.1rem; color:#374151; }
  .divider{ border:0; border-top:1px solid var(--border); margin:12px 0 16px; }

  img.brand-logo{ display:block; height:90px; width:auto; }
}