/* legal.css — Privacy / Terms / Shipping & Refunds pages (2026-10-04).
   Rides on store.css (header, footer, tokens); this file only adds the
   readable long-form article column + the shared footer link row. */

.lg-main { max-width: 720px; margin: 0 auto; padding: 36px 20px 64px; }
.lg-kicker {
  margin: 0 0 6px; font-family: 'League Gothic', sans-serif; text-transform: uppercase;
  letter-spacing: .22em; font-size: 13px; color: var(--gold-deep);
}
.lg-main h1 {
  margin: 0 0 6px; font-family: 'Anton', sans-serif; text-transform: uppercase;
  font-size: clamp(30px, 6vw, 42px); line-height: 1.05; color: var(--navy);
}
.lg-updated { margin: 0 0 28px; font-size: 13px; color: var(--muted); }
.lg-main h2 {
  margin: 30px 0 8px; font-family: 'League Gothic', sans-serif; text-transform: uppercase;
  letter-spacing: .08em; font-size: 22px; color: var(--navy);
}
.lg-main p, .lg-main li { font-size: 15.5px; line-height: 1.65; color: var(--ink); }
.lg-main ul { padding-left: 20px; margin: 8px 0 12px; }
.lg-main li { margin: 4px 0; }
.lg-main a { color: var(--navy); text-decoration: underline; text-underline-offset: 2px; }
.lg-callout {
  margin: 18px 0; padding: 14px 16px; border-left: 3px solid var(--gold);
  background: #fff; border-radius: 0 8px 8px 0; font-size: 15px; line-height: 1.6;
}

/* Footer link row — used on the storefront and all legal pages. */
.st-footlinks {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px;
  margin: 12px 0 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-transform: none; letter-spacing: 0; font-size: 13px;
}
.st-footlinks a { color: var(--muted); text-decoration: none; }
.st-footlinks a:hover { color: var(--navy); text-decoration: underline; }