/* ── Audacious Duo · Base element styling ──────────────────────────────────
   Minimal, opt-in base. Sets the page on warm paper with body sans and lets
   the serif own the headings. Keeps the system unobtrusive for consumers.
   ────────────────────────────────────────────────────────────────────────── */

*,
*::before,
*::after { box-sizing: border-box; }

body.ad-base {
  margin: 0;
  background: var(--surface-page);
  color: var(--text-body);
  font: var(--type-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.ad-base h1, .ad-base h2, .ad-base h3, .ad-base h4 {
  color: var(--text-strong);
  font-family: var(--font-display);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-display);
  margin: 0 0 0.4em;
  text-wrap: balance;
}

.ad-base p { text-wrap: pretty; }

.ad-base a { color: var(--color-accent); text-decoration: none; }
.ad-base a:hover { color: var(--color-accent-hover); }

/* Wide-tracked eyebrow / overline, echoing the wordmark */
.ad-overline {
  font: var(--type-overline);
  letter-spacing: var(--overline-tracking);
  text-transform: uppercase;
  color: var(--color-accent);
}

/* Short nautical centre rule used under section eyebrows */
.ad-rule {
  width: 56px;
  height: 2px;
  background: var(--color-accent);
  border: 0;
}