/* The Pasture look for the long legal pages (/terms/, /privacy/), A-to-Z row 10 (2026-11-05).
   Same tokens as /pasture/ (pasture/brand/tokens.css): cream ground, charcoal ink, moss for links and
   buttons, saddle for small labels, Bricolage display + DM Sans body. No pure black or white.
   Scoped to body.pasture-doc and loaded after the shared sheets, so the canonical nav and footer
   markup (inject-audits-shared-components.mjs) stays untouched: only its colours change here.
   Words never change in this file. Text is 14px or more. */
body.pasture-doc {
  --pd-cream: #F2EDE1; --pd-paper: #FAF6EC; --pd-cream-2: #E8E1D0;
  --pd-ink: #2B2926; --pd-ink-2: #3A3733; --pd-muted: #6B665F; --pd-line: rgba(43, 41, 38, .18);
  --pd-moss: #3F5E36; --pd-moss-w: #5E7F52; --pd-saddle: #7A4E2D; --pd-sage: #9DB08A;
  --pd-display: 'Bricolage Grotesque', 'Bricolage Fallback', system-ui, sans-serif;
  --pd-body: 'DM Sans', system-ui, sans-serif;
  --pd-mono: 'DM Mono', ui-monospace, monospace;
  background: var(--pd-cream);
  color: var(--pd-ink);
  font-family: var(--pd-body);
}
body.pasture-doc ::selection { background: var(--pd-sage); color: var(--pd-ink); }

/* nav: the cream bar of /pasture/ */
body.pasture-doc .audits-nav,
body.pasture-doc .audits-nav.scrolled {
  background: rgba(242, 237, 225, .95);
  backdrop-filter: saturate(140%) blur(8px);
  -webkit-backdrop-filter: saturate(140%) blur(8px);
  box-shadow: none;
  border-bottom: 1px solid var(--pd-line);
}
body.pasture-doc .anl-mark { color: var(--pd-ink); }
body.pasture-doc .anl-dot { color: var(--pd-moss); }
body.pasture-doc .audits-nav-links a { color: var(--pd-ink); opacity: .78; }
body.pasture-doc .audits-nav-links a:hover { opacity: 1; color: var(--pd-moss); }
body.pasture-doc .audits-nav-cta {
  background: var(--pd-ink) !important; color: var(--pd-cream) !important; border-color: var(--pd-ink) !important;
  border-radius: 999px; font-size: 14px !important;
}
body.pasture-doc .audits-nav-cta:hover { background: var(--pd-moss) !important; border-color: var(--pd-moss) !important; }
body.pasture-doc .audits-hamburger span { background: var(--pd-ink); }
body.pasture-doc .audits-mobile-menu { background: var(--pd-cream); }
body.pasture-doc .audits-mobile-menu a { color: var(--pd-ink); border-color: var(--pd-line); }
body.pasture-doc .audits-mobile-menu .audits-mobile-section-label { color: var(--pd-saddle); font-size: 14px; }

/* the document */
body.pasture-doc .guide-wrap { max-width: 780px; padding-top: 150px; }
@media (max-width: 700px) { body.pasture-doc .guide-wrap { padding-top: 104px; } }
body.pasture-doc .guide-eyebrow,
body.pasture-doc .guide-section .section-eyebrow {
  font-family: var(--pd-mono) !important; font-size: 14px !important; letter-spacing: .2em !important; color: var(--pd-saddle) !important;
}
/* doubled classes: forge-theme's h1:not():not():not() rule is !important at 0,3,1 */
body.pasture-doc.pasture-doc h1.guide-title.guide-title {
  font-family: var(--pd-display) !important; font-weight: 800 !important; font-style: normal !important;
  font-variation-settings: normal !important; letter-spacing: -.025em !important; line-height: .98 !important;
  font-size: clamp(44px, 7vw, 76px); color: var(--pd-ink); text-wrap: balance;
}
body.pasture-doc .guide-lede { color: var(--pd-ink-2); font-size: 19px; }
body.pasture-doc .guide-section { border-top: 1px solid var(--pd-line); padding-top: 34px; margin-bottom: 56px; }
body.pasture-doc .guide-section h2 {
  font-family: var(--pd-display) !important; font-weight: 700 !important; font-style: normal !important;
  font-variation-settings: normal !important; letter-spacing: -.02em !important; line-height: 1.05 !important;
  font-size: clamp(30px, 4vw, 42px); color: var(--pd-ink); margin-bottom: 14px; text-wrap: balance;
}
body.pasture-doc .guide-section h3 {
  font-family: var(--pd-display); font-style: normal; font-weight: 700; font-size: 23px; letter-spacing: -.01em; color: var(--pd-ink);
}
body.pasture-doc .guide-section h4 { font-family: var(--pd-body); font-weight: 700; color: var(--pd-ink); font-size: 17px; }
body.pasture-doc .guide-section p,
body.pasture-doc .guide-section ul,
body.pasture-doc .guide-section ol { color: var(--pd-ink-2); font-size: 17px; line-height: 1.72; }
body.pasture-doc .guide-section li::marker { color: var(--pd-moss); }
body.pasture-doc .guide-section strong { color: var(--pd-ink); font-weight: 700; }
body.pasture-doc .guide-section code {
  background: var(--pd-paper); color: var(--pd-saddle); font-size: 14px; border: 1px solid var(--pd-line);
}
body.pasture-doc .guide-wrap a { color: var(--pd-moss); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.pasture-doc .guide-wrap a:hover { color: var(--pd-ink); }
body.pasture-doc .guide-wrap a:focus-visible { outline: 3px solid var(--pd-moss-w); outline-offset: 3px; }
body.pasture-doc .callout,
body.pasture-doc .do, body.pasture-doc .dont { background: var(--pd-paper); border-color: var(--pd-line); }
body.pasture-doc .callout { border-left: 3px solid var(--pd-moss); }
body.pasture-doc .callout-label { color: var(--pd-saddle); font-size: 14px; }
body.pasture-doc .callout p { color: var(--pd-ink); }
body.pasture-doc hr.rule { border: 0; border-top: 1px solid var(--pd-line); }

/* "Read the rest" card */
body.pasture-doc .footer-cta { background: var(--pd-paper); border: 1px solid var(--pd-line); border-radius: 18px; }
body.pasture-doc .footer-cta .cta-label { color: var(--pd-saddle); font-size: 14px; }
body.pasture-doc .footer-cta h3 { font-family: var(--pd-display); font-style: normal; font-weight: 700; color: var(--pd-ink); }
body.pasture-doc .footer-cta p { color: var(--pd-ink-2); }
body.pasture-doc .footer-cta a {
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 26px; border-radius: 999px; text-decoration: none;
  background: var(--pd-ink); color: var(--pd-cream); border: 1.5px solid var(--pd-ink);
  font-family: var(--pd-mono); font-size: 14px; letter-spacing: .14em; text-transform: uppercase;
}
body.pasture-doc .footer-cta a:hover { background: var(--pd-moss); border-color: var(--pd-moss); color: var(--pd-cream); }

/* footer: charcoal band, as on /pasture/ */
body.pasture-doc .audits-footer { background: var(--pd-ink); color: var(--pd-cream); border-top: 0; }
body.pasture-doc .audits-footer a,
body.pasture-doc .audits-footer h4,
body.pasture-doc .audits-footer .audits-footer-tagline { color: var(--pd-cream); }
body.pasture-doc .audits-footer h4 { color: var(--pd-sage); }
body.pasture-doc .audits-footer a:hover { color: var(--pd-sage); }
body.pasture-doc .audits-footer-bottom { color: #CFC8BA; border-color: rgba(242, 237, 225, .16); }
/* the shared footer's small labels, lifted to the 14px floor on these pages */
body.pasture-doc .audits-footer h4,
body.pasture-doc .audits-footer-email,
body.pasture-doc .audits-footer-bottom,
body.pasture-doc .audits-footer-bottom * { font-size: 14px !important; }
/* nav.js adds a gold scroll bar; moss here (the id beats its injected rule) */
body.pasture-doc #ad-progress { background: var(--pd-moss) !important; }
/* forge-theme sets h3 in Barlow Condensed with !important at 0,2,1 */
body.pasture-doc.pasture-doc .footer-cta h3:not(.forge-exempt):not(.audits-footer),
body.pasture-doc.pasture-doc .guide-section h3:not(.forge-exempt):not(.audits-footer) {
  font-family: var(--pd-display) !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: -.01em !important; font-style: normal !important;
}
body.pasture-doc.pasture-doc .footer-cta h3:not(.forge-exempt):not(.audits-footer) { font-size: 26px !important; }
body.pasture-doc.pasture-doc .guide-section h3:not(.forge-exempt):not(.audits-footer) { font-size: 23px !important; line-height: 1.2 !important; }
body.pasture-doc.pasture-doc .footer-cta a { font-family: var(--pd-mono) !important; font-weight: 500 !important; letter-spacing: .14em !important; }
body.pasture-doc .audits-footer h4 { font-family: var(--pd-mono) !important; font-weight: 500 !important; letter-spacing: .16em !important; }
body.pasture-doc .audits-footer-brand .audits-footer-logo { font-family: 'Fraunces', 'Fraunces Fallback', Georgia, serif !important; font-style: normal !important; font-weight: 600 !important; color: var(--pd-cream); }
body.pasture-doc .audits-footer-brand .audits-footer-tagline { font-family: var(--pd-body) !important; font-style: normal !important; font-size: 15px; color: #CFC8BA; }
body.pasture-doc .audits-footer-brand .audits-footer-email { border-bottom-color: rgba(242, 237, 225, .35); }
body.pasture-doc .audits-footer-brand .audits-footer-email:hover { color: var(--pd-sage); border-bottom-color: var(--pd-sage); }