/* S4 Final + footer. Source: Paper 255-0 (desktop 1440×652) and 3HC-0
   (mobile 390×607), get_jsx. Ruled lines and the signature row are the shared
   .ruled and .signature components (base.css). The footer is a separate
   element in HTML; on the canvas it is the tail of the same night block. */

.final {
  padding-top: 64px;
}

/* Footer: rule surface at 30%, then © and the tagline in Inter 300 (was IBM
   Plex Mono until 2026-10-24) 13/140% at .62, stacked with gap 6 on mobile;
   one row, 14px, from 1024px. */
.footer {
  --rule-30: color-mix(in srgb, var(--color-surface) 30%, transparent);
  padding-top: 64px; /* audit 2026-10-24: the standard section distance (was 80) */
  padding-bottom: 40px;
}
.footer__row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 12px;
  border-top: 1px solid var(--rule-30);
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: 13px;
  line-height: var(--leading-body); /* audit 2026-10-24: 145% like every label (was 140%) */
}
.footer__row p,
.footer__address {
  opacity: 0.62; /* hierarchy pass: tertiary level .62 (was .7) */
}
/* Legal entity (2026-11-02): the registered address and number as an
   <address>, upright, right-aligned in the row on desktop, wrapping
   within half the lane. The left column stacks the © line and the links
   (privacy notice, email); links underline on hover. */
.footer__address {
  font-style: normal;
}
.footer__left {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.footer__links {
  display: flex;
  gap: 20px;
}
.footer__links a {
  color: inherit;
  text-decoration: none;
}
.footer__links a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

@media (min-width: 1024px) {
  .final {
    padding-top: 112px;
  }
  .footer {
    padding-top: 112px;
    padding-bottom: 48px;
  }
  .footer__address {
    max-width: 56%;
    text-align: right;
  }
  .footer__row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    font-size: 16px; /* audit 2026-10-24: desktop labels are 16 (was 14) */
  }
}