/* Opt-in base reset + typography fallback for pages that don't load the
   main site's own external base stylesheet. Deliberately its own file,
   not folded into header-footer.css: header-footer.css loads on every
   page in this repo (including ones that still load the main site's own
   base stylesheet), and a global body rule there would win the cascade
   on those pages too since it loads last - an unintended, unrelated
   side effect. Load this explicitly, first, only on pages that need it. */

*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #1f2430;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', 'Inter', sans-serif; margin: 0; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

/* .container was previously provided by the main site's own base
   stylesheet (a generic max-width + centered wrapper) - pages built
   against site-pages.css assume it exists but never defined it
   themselves. Matches header-footer.css's own max-width (1240px) so
   body content lines up flush with the header/footer edges. */
.container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

/* Basic prose spacing for the three legal pages (terms-and-conditions,
   privacy-policy, disclaimer) - their .container/.pt-80/.table-1 classes
   were never actually defined by the old stylesheets either (confirmed
   by inspecting the live CSS), so this isn't replacing lost styling,
   just giving plain long-form <h1>/<p>/<h3>/<ul> content reasonable
   breathing room now that the global h1-h6 margin reset above would
   otherwise leave it completely flush. Scoped to .table-1 so it can't
   leak into any other page. */
.table-1 .container { padding-top: 40px; padding-bottom: 60px; }
.table-1 h1 { font-size: 30px; margin-bottom: 18px; }
.table-1 h3 { font-size: 19px; margin: 30px 0 12px; }
.table-1 p { margin: 0 0 16px; }
.table-1 ul { margin: 0 0 16px; padding-left: 22px; }
.table-1 li { margin-bottom: 6px; }
