/* Extra utilities for the subpages that aren't in the compiled site.css */
.max-w-3xl { max-width: 48rem; }
.mt-16 { margin-top: calc(var(--spacing) * 16); }
.pb-24 { padding-bottom: calc(var(--spacing) * 24); }
.pt-48 { padding-top: calc(var(--spacing) * 48); }
.py-16 { padding-block: calc(var(--spacing) * 16); }
.space-y-4 > :not(:last-child) { margin-bottom: calc(var(--spacing) * 4); }
.text-\[clamp\(3rem\,8vw\,6\.5rem\)\] { font-size: clamp(3rem, 8vw, 6.5rem); }

/* Menu row under the header on phones; the header row shows it from md up */
@media (width >= 48rem) {
  .mobile-menu { display: none; }
  .row-body { grid-column: span 2 / span 2; }
}

/* Home hero: leave room for the extra menu row on phones */
.home-hero { padding-top: calc(var(--spacing) * 40); padding-bottom: calc(var(--spacing) * 16); }
@media (width >= 48rem) {
  .home-hero { padding-top: calc(var(--spacing) * 24); padding-bottom: 0; }
}