/* /css/legal.css — Direction A (2026 rebrand)
   Shared accent + type retune for the legal pages (privacy-policy,
   terms-of-service, terms, privacy, cookie, dmca). Linked just before </head>
   so it overrides each page's inline <style> / master.css.

   The modern legal pages drive their accent from a --blue custom property and
   set DM Sans throughout; retune the variable to deep teal and swap the type
   to Direction A. Also provides paper/ink fallbacks for the older pages.

   Palette: ink #0B1418 · deep teal #0F5F52 · paper #F6F5F1 · hairline #E0DCD2 */

:root {
  --blue: #0F5F52 !important;
  --blue-hover: #0C4C42 !important;
  --blue-link: #0F5F52 !important;
}

body {
  background: #F6F5F1 !important;
  color: #26312E !important;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif !important;
}

h1, h2, h3 {
  font-family: 'Newsreader', Georgia, serif !important;
  font-weight: 600 !important;
  color: #0B1418 !important;
}

h1 { border-bottom: 2px solid #0F5F52 !important; padding-bottom: 16px; }
h2 { border-left: 2px solid #0F5F52 !important; }

a { color: #0F5F52 !important; }
a:hover { color: #0C4C42 !important; }
a:focus-visible, button:focus-visible { outline-color: #0F5F52 !important; }

/* Plain-English / summary callout */
.box {
  background: #EEF2F0 !important;
  border-left: 2px solid #0F5F52 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Tables (e.g. "what we collect") */
table { border-collapse: collapse; }
th {
  background: #EEF2F0 !important;
  color: #0B1418 !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
}
th, td { border-color: #E0DCD2 !important; }

.skip-link { background: #0F5F52 !important; color: #F6F5F1 !important; }