/* site-look.css: ONE look for every public page (CL-1535, John Oct 7 2026).
   Loaded after each page's own <style> (it sits in the SITE-NAV-HEAD block at
   the end of <head>), so on equal terms it wins; where a page set the same
   property with a more specific rule, the few rules that must win say
   !important.

   This file is the PAGE-WIDE half (fonts, the page-title size) and is for the
   static pages only. The class-scoped half (the gold button, page notes, the
   footer) is site-chrome.css, which the React app loads too: this file would
   restyle the advisor app's body and headings if the app loaded it.

   John's answers to the look mock:
     1. body text in Source Sans 3, headings in Playfair Display;
     2. one gold button: rounded (10px), bold, normal case, not capitals;
     3. the shared footer on every page, the paid-ad pages too;
     4. the decks keep their slide layouts: they take the fonts, buttons and
        footer, not the page-title size (their menu carries data-deck). */

/* tokens: in site-chrome.css, which every page also loads */

/* ---- 1. type ---- */
body { font-family: var(--sl-sans, 'Source Sans 3', 'Source Sans Pro', system-ui, sans-serif); }
body button, body input, body select, body textarea { font-family: inherit; }
body h1, body h2 { font-family: var(--sl-serif, 'Playfair Display', Georgia, serif); }
/* The page title: one size on every page but the decks. Measured before: nine
   sizes, 40px to 64px. */
body:not(:has(.sn[data-deck])) h1:not(.sf *):not(.sn *) {
  font-size: clamp(34px, 5vw, 56px) !important;
  line-height: 1.12 !important;
}