/* ==========================================================================
   APERTURE — THE FOUR DOCUMENT PAGES
   Terms of Service, Privacy Policy, Fees and Refunds, Contact.
   Owner ruling 3 September 2026: plain pages, same colours and lettering as
   the rest of the site. Every value below is an existing token; nothing new
   is decided here. The hero mirrors the FAQ hero so the pages read as one
   system.
   ========================================================================== */

.legal-hero {
  display: flex;
  flex-direction: column;
  gap: var(--gap-hero);
  padding: calc(56px + 44 * var(--span) / 1050) var(--gut-hero-r) calc(28px + 24 * var(--span) / 1050) var(--gut-hero-l);
  max-width: 1060px;
}

.legal-hero__title {
  font-family: var(--f-display);
  font-size: var(--t-hero);
  line-height: var(--lh-hero);
  letter-spacing: var(--ls-hero);
  color: var(--c-display);
  margin: 0;
  font-weight: 400;
}

.legal-hero__rule {
  width: 150px;
  height: 1px;
  background: linear-gradient(90deg, var(--c-gold) 0%, rgba(201,162,39,0) 100%);
}

.legal-hero__sub {
  font-size: var(--t-subline);
  letter-spacing: var(--ls-subline);
  line-height: var(--lh-subline);
  color: var(--c-body);
  margin: 0;
}

.legal {
  padding: 0 var(--gut-hero-r) calc(64px + 56 * var(--span) / 1050) var(--gut-hero-l);
  max-width: 1060px;
}

.legal__h {
  font-family: var(--f-display);
  font-weight: 400;
  font-size: calc(15px + 3 * var(--span) / 1050);
  letter-spacing: calc(2px + 1.5 * var(--span) / 1050);
  line-height: 1.5;
  color: var(--c-display);
  margin: calc(36px + 12 * var(--span) / 1050) 0 12px;
  padding-top: 18px;
  border-top: 1px solid var(--rule-quiet);
}

.legal__h3 {
  font-family: var(--f-body);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: var(--c-gold-bright);
  margin: calc(28px + 8 * var(--span) / 1050) 0 8px;
}

.legal__p,
.legal__li {
  font-family: var(--f-body);
  font-size: calc(15px + 1 * var(--span) / 1050);
  line-height: 1.75;
  color: var(--c-body);
  margin: 0 0 14px;
}

.legal__list {
  margin: 0 0 14px;
  padding-left: 26px;
}

.legal__li { margin-bottom: 8px; }

.legal__link {
  color: var(--c-gold-bright);
  border-bottom: 1px solid rgba(233,200,96,0.32);
}
.legal__link:hover,
.legal__link:focus-visible { border-bottom-color: var(--c-gold); color: var(--c-display); }

/* The acceptance line on the application form. Legal's wording, at the point
   of submission, both documents linked. */
.apply-submit__accept {
  font-family: var(--f-body);
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.4px;
  color: var(--c-body);
  margin: 12px 0 0;
  flex-basis: 100%;
}
.apply-submit__accept a {
  color: var(--c-gold-bright);
  border-bottom: 1px solid rgba(233,200,96,0.32);
}

/* The confirmation shown after a submission is received. */
.apply-received {
  font-family: var(--f-body);
  font-size: calc(15px + 1 * var(--span) / 1050);
  line-height: 1.7;
  color: var(--c-body-bright);
  border-left: 1px solid var(--c-gold);
  padding: 4px 0 4px 18px;
  margin: 0 0 32px;
}