/* Red background / white text per request — the only page on the site with this treatment, so
   everything here is scoped to body[data-page="disclaimer"] rather than added to any shared rule.
   Font stays the sitewide default (Gill Sans MT, set on body in base.css) — nothing here overrides
   font-family. */
body[data-page="disclaimer"] {
  background: var(--color-accent);
  color: #fff;
}

/* Nav stays the sitewide white bar with dark text regardless of the page's own colour — same
   convention already established for the dark-background Lyrics pages (see
   `.lyrics-page .site-nav` in css/lyrics.css): the nav reads the same everywhere on the site, even
   where the page underneath it doesn't. */
body[data-page="disclaimer"] .site-nav {
  background: var(--color-bg);
  color: var(--color-text);
}

.disclaimer-page__back {
  margin-bottom: var(--space-5);
}

.disclaimer-page__back a {
  color: rgba(255, 255, 255, 0.75);
  transition: color 0.4s ease 0.1s;
}

.disclaimer-page__back a:hover {
  color: #fff;
  transition-duration: 0.2s;
  transition-delay: 0s;
}

.disclaimer-page h1 {
  /* Explicit override, not inherited — the sitewide h1 rule goes grey, which would vanish against
     this page's own red background. */
  color: #fff;
  margin-bottom: var(--space-5);
}

.disclaimer-page__section {
  max-width: 760px;
  margin-bottom: var(--space-6);
}

.disclaimer-page__section h2 {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 1.6rem;
  margin: 0 0 var(--space-4);
}

.disclaimer-page__notice {
  margin: 0;
  padding-left: var(--space-4);
  border-left: 3px solid rgba(255, 255, 255, 0.6);
}

.disclaimer-page__notice p {
  margin: 0 0 var(--space-4);
  line-height: 1.6;
}

.disclaimer-page__notice p:last-child {
  margin-bottom: 0;
}

.disclaimer-page__notice a {
  color: #fff;
  font-weight: 600;
}

.disclaimer-page__developed-by {
  margin: 0 0 var(--space-4);
  line-height: 1.6;
}

.disclaimer-page__credits {
  margin: 0;
}

.disclaimer-page__credits dt {
  font-weight: 700;
  margin-top: var(--space-4);
}

.disclaimer-page__credits dt:first-child {
  margin-top: 0;
}

.disclaimer-page__credits dd {
  margin: var(--space-2) 0 0;
  line-height: 1.6;
}

.disclaimer-page__credits ul {
  margin: var(--space-2) 0 0;
  padding-left: 1.2em;
}

.disclaimer-page__credits li {
  line-height: 1.6;
}
