/* The site map. Loaded after /waitlist/app.css, whose tokens, type, navigation and footer it reuses. */

/* No photo under the bar here, so it sits in the flow instead of overlapping a hero. */
.nav { margin-bottom: 0; }
.sitemap { padding-block: clamp(40px, 7vw, 88px) clamp(48px, 8vw, 96px); }
.sitemap h1 { margin: 0 0 clamp(24px, 4vw, 40px); font-size: clamp(2.2rem, 5.6vw, 4rem); line-height: 1; letter-spacing: -0.05em; }
.sm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 32px 40px; }
.sm-group { padding-block: 0; }
.sm-group h2 { margin: 0 0 8px; padding-bottom: 10px; border-bottom: 1px solid var(--edge); font-size: 1.0588rem; line-height: 1.3; letter-spacing: -0.02em; }
.sm-group ul { list-style: none; margin: 0; padding: 0; }
.sm-group a { display: flex; align-items: center; min-height: 44px; color: var(--ink); text-decoration: none; }
.sm-group a:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 4px; }
@media (hover: hover) { .sm-group a:hover { text-decoration: underline; text-underline-offset: 3px; } }