/* EdgeRift — page CSS for /sitemap. No mockup: the concept's plain inner hero, with the directory under it, set like
   the footer's, larger: column titles in Rajdhani caps under a hairline, Roboto links, sub-pages indented.
   Tokens only (no colour values); uppercase only through the shared classes (.eyebrow column titles). */

@layer pages {
  .sitemap {
    display: grid; gap: 40px 32px; max-width: var(--w-wide); margin: calc(var(--gap-cta-media) * 1.5) auto 0;
  }
  @media (min-width: 768px) { .sitemap { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) { .sitemap { grid-template-columns: repeat(4, 1fr); } }
  .sitemap__group { padding-top: 20px; border-top: 1px solid var(--c-hairline); }
  .sitemap__group .eyebrow { color: var(--c-ink); }
  .sitemap__group ul { margin: 0; padding: 0; list-style: none; }
  .sitemap__group > ul { margin-top: 10px; }
  .sitemap__more { margin-top: 28px; }   /* a second list in the column: Games' "Earlier apps" (owner, 2026-10-13) */
  .sitemap__group a { display: inline-block; padding: 6px 0; font-size: var(--t-body); line-height: 1.35; color: var(--c-ink); }
  .sitemap__group a:hover { color: var(--c-red-text); }
  .sitemap__group ul ul { margin: 0 0 6px; padding-left: 16px; border-left: 1px solid var(--c-hairline); }
  .sitemap__group ul ul a { padding: 4px 0; font-size: 15px; color: var(--c-link-quiet); }
}