/* M0 foundation screen only. M1 introduces the responsive shell. */
.foundation {
  width: min(100% - 32px, 560px);
  margin: 12vh auto;
  padding: var(--space-8);
  border: 1px solid var(--line);
  border-radius: var(--radius-window);
  background: var(--surface-solid);
  box-shadow: 0 18px 55px var(--shadow);
}
.brand-mark { display: block; }
.foundation h1 { font-size: clamp(28px, 5vw, 40px); line-height: 1.2; margin-bottom: var(--space-3); }
.stage { color: var(--text-muted); margin-top: 0; }
.foundation a { display: inline-block; min-height: 44px; padding-block: 8px; }
@media (max-width: 380px) { .foundation { padding: var(--space-6); } }
@media (forced-colors: active) { .foundation { border-color: CanvasText; background: Canvas; } }