/* Map guide utilities to the same light palette as the homepage. */
.inner-page {
  --bg: #fff;
  --bg-soft: #f6f6f4;
  --bg-muted: #f0f0ef;
  --bg-deep: #17131f;
  --surface: #f0f0ef;
  --surface-strong: #e7e7e5;
  --surface-soft: #f6f6f4;
  --surface-high: #e7e7e5;
  --surface-highest: #d5d5d1;
  --text: #0b0b0b;
  --text-inverse: #0b0b0b;
  --text-soft: var(--muted);
  --text-faint: var(--muted);
  --line: #dededb;
  --line-strong: #c7c7c2;
  --accent: #7132f5;
  --accent-strong: #5924c9;
  --accent-light: #7132f5;
  --accent-soft: #e9ddf9;
  --action: #a3ff62;
  --on-action: #17131f;
  --radius-md: 28px;
  --radius-sm: 14px;
  --shadow-xl: 0 20px 50px #17131f12;
  color: var(--text);
  background: var(--bg);
  font-family: Switzer, Arial, sans-serif;
  font-weight: 500;
}
html:has(.inner-page) { background: #fff; color-scheme: light; }
.inner-page .container { width: min(1200px, calc(100% - 100px)); }
.inner-page .nav-links a { padding: 0; min-height: auto; }
.inner-page .nav-links > a:first-child { background: transparent; padding: 0; }
.inner-page .nav-links > a[aria-current="page"] { color: var(--purple); text-decoration: underline; text-underline-offset: 5px; }
.inner-page .nav-links > .life-button { padding: 5px 6px 5px 21px; color: #fff; min-height: 44px; }
.inner-page h1 { font-size: clamp(48px, 5.6vw, 76px); font-weight: 600; line-height: 1.12; letter-spacing: -.045em; }
.inner-page h2 { font-weight: 500; }
.inner-page .btn { font-weight: 500; padding-inline: 24px; }
.inner-page .btn-primary { background: var(--purple); color: #fff; }
.inner-page .btn-primary:hover { background: #5924c9; }
.inner-page .btn-secondary { background: #fff; color: var(--text); border: 1px solid var(--line-strong); }
.inner-page .btn-secondary:hover { background: var(--surface); }
.inner-page .section-label,
.inner-page .hero-eyebrow { font-weight: 500; font-size: 13px; letter-spacing: .04em; }
.page-pill { display: inline-flex; align-items: center; gap: 10px; width: fit-content; padding: 7px 16px; border-radius: 40px; background: #fff; color: var(--text); font-size: 14px; }
.page-pill::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--purple); }
.inner-page .life-footer { border-top: 1px solid var(--line); }
.inner-page .life-footer h3 { line-height: 1.3; }
.inner-page .life-footer p { margin-bottom: 0; }
@media (max-width: 1100px) { .inner-page .container { width: calc(100% - 64px); } }
@media (max-width: 880px) {
  .inner-page .nav-links { inset: 76px 0 auto; border-radius: 0; background: #fff; max-height: calc(100dvh - 76px); }
  .inner-page .nav-links.open { display: flex; }
  .inner-page .nav-links > a:not(.life-button) { padding: 12px 0; min-height: 48px; justify-content: flex-start; }
  .inner-page .nav-links > .life-button { justify-content: center; width: fit-content; margin-top: 12px; padding: 7px 8px 7px 24px; min-height: 50px; }
}
@media (max-width: 640px) {
  .inner-page .container { width: calc(100% - 40px); }
  .inner-page h1 { font-size: clamp(38px, 10.5vw, 54px); }
  .inner-page h2 { font-size: 34px; }
  .page-pill { font-size: 12px; }
}