/* Shared colour-contrast safeguards. The accessible orange remains within the
   established SA AIA palette while meeting normal-text contrast on light surfaces. */
:root {
  --orange: #b43b16;
}

.dark .section-head p {
  color: #dce4df;
}

.dark .eyebrow,
.page-hero .eyebrow,
.track .eyebrow,
.cta .eyebrow,
.site-footer .eyebrow {
  color: #ff9b72;
}

.dark .number,
.guide-trail li:last-child .trail-stage,
.pilot-status .eyebrow,
.pilot-status .actions > a:not(.button),
.library-disclaimer .eyebrow {
  color: #ff9b72;
}

.library-category-nav span,
.article-disclaimer {
  color: #696b64;
}

:where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #ef5a28;
  outline-offset: 4px;
}

.dark :where(a, button, summary, input, select, textarea):focus-visible,
.site-footer :where(a, button, summary, input, select, textarea):focus-visible {
  outline-color: #ffffff;
}

[id] {
  scroll-margin-top: 9rem;
}

/* Public-choice cards are short explanations with clearly labelled next steps.
   The card itself is not a link because the guide card has two destinations. */
.public-choice-card {
  display: flex;
  flex-direction: column;
}

.public-choice-actions {
  display: grid;
  gap: 0.65rem;
  margin-top: auto;
  padding-top: 1rem;
}

.public-choice-actions .button {
  width: 100%;
  min-height: 3rem;
  padding: 0.7rem 1rem;
  font-size: 0.78rem;
  line-height: 1.25;
  text-align: center;
}

/* Give each major information area a recognisable identity while retaining the
   shared SA AIA layout and palette. */
.nav-active-knowledge .page-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.12), transparent 28%),
    #263c32;
}

.nav-active-adventure .page-hero {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 100%),
    linear-gradient(120deg, #253b40, #1d3336);
  background-size: 42px 42px, auto;
}

.nav-active-lotc .page-hero {
  background:
    radial-gradient(circle at 84% 22%, rgba(239, 90, 40, 0.18), transparent 26%),
    linear-gradient(125deg, #4d3d32, #382f29);
}

.nav-active-professional .page-hero {
  background: #cf481f;
}

.nav-active-professional .page-hero .crumbs,
.nav-active-professional .page-hero .eyebrow,
.nav-active-professional .page-hero p {
  color: #ffffff;
}

.nav-active-news .page-hero {
  background:
    radial-gradient(circle at 78% 15%, rgba(239, 90, 40, 0.2), transparent 24%),
    linear-gradient(120deg, #333a35, #262e2a);
}

@media (max-width: 620px) {
  .page-local-nav::after {
    content: "Swipe for more";
    position: absolute;
    right: 0;
    bottom: -1.45rem;
    padding: 0.18rem 0.7rem;
    border-radius: 0 0 0 0.45rem;
    background: var(--cream);
    color: #696b64;
    font-size: 0.68rem;
    font-weight: 700;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}