/* =====================================================================
   Simple content pages (support.html, privacy.html) — HQ-1297.
   Loaded AFTER /css/styles.css and uses its tokens (--sans/--serif,
   --ink/--ink-soft, --paper, --line, --header-h …) — never re-declares
   them, so these pages cannot drift from the site's palette or fonts.
   ===================================================================== */

/* The shared header is fixed and assumes the dark hero behind it; on a
   light content page it gets the solid "scrolled" look permanently, and
   the body clears its height. */
body { padding-top: var(--header-h); }
.site-head { background: var(--night); border-bottom-color: var(--line-light); }

main {
  max-width: 760px;
  margin: 0 auto;
  padding: 28px 20px 60px;
}

main h1 {
  margin: 0 0 6px;
  font-family: var(--serif);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.15;
}

main h2 {
  margin: 34px 0 8px;
  font-family: var(--serif);
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.2;
}

main h3 { margin: 20px 0 4px; font-size: 1.02rem; }

.meta { margin-bottom: 26px; color: var(--ink-soft); font-size: 0.92rem; }

.card {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px 20px;
  background: var(--white);
}

main ul { padding-left: 22px; }
main li { margin: 6px 0; }