/* House style for the guides library and the other site pages, matching the October 2026 home page.
   Added last in <head> of every indexable static page at build time (scripts/seo-pages/inject-site-chrome.mjs),
   and of the /try, /contact and /legal pages, so they share the home page's type and colours without
   editing each source page. One family (Archivo, self-hosted and cut to the weights and widths in use),
   olive and cream, square frames and round buttons. Layouts stay as each page defines them. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:200 800;font-stretch:100% 125%;font-display:swap;src:url(/fonts/archivo.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:italic;font-weight:200 500;font-stretch:100% 125%;font-display:swap;src:url(/fonts/archivo-italic.woff2) format("woff2")}
:root{--rf-bone:#f6f2e7;--rf-cream:#efe9d8;--rf-line:#dcd6c8;--rf-ink:#1f2116;--rf-muted:#6c6c5c;--rf-olive:#444833;--rf-deep:#24271a;
  --rf-sans:"Archivo","Helvetica Neue",Arial,system-ui,sans-serif;
  /* The shared page sheets read these names; pointing them here moves every page onto the home palette and type. */
  --rf-ivory:var(--rf-bone);--rf-linen:var(--rf-cream);--rf-stone:var(--rf-line);--rf-graphite:var(--rf-muted);--rf-serif:var(--rf-sans);
  --paper:var(--rf-bone);--linen:var(--rf-cream);--line:var(--rf-line);--ink:var(--rf-ink);--graphite:var(--rf-muted);--deep:var(--rf-deep);
  --serif:var(--rf-sans);--sans:var(--rf-sans)}
body{background-color:var(--rf-bone);color:var(--rf-ink);-webkit-font-smoothing:antialiased}
/* Pages name their own fonts inline (an old serif, Inter, Arial); one family everywhere except code. */
body,body *:not(code):not(pre):not(kbd):not(samp):not(svg):not(svg *){font-family:var(--rf-sans)!important}
h1,h2{font-weight:300!important;font-stretch:104%;letter-spacing:-.025em;line-height:1.04;font-style:normal;text-wrap:balance}
h1 em,h2 em,h1 i,h2 i{font-style:italic;font-weight:300}
h3{font-weight:500!important;font-stretch:102%;letter-spacing:-.012em;font-style:normal;text-wrap:balance}
h4,h5,h6{font-weight:600;font-stretch:104%}
summary{font-weight:500!important;letter-spacing:-.01em}
blockquote{font-style:italic;font-weight:300;letter-spacing:-.01em}
b,strong,th{font-weight:600}
.eyebrow,.kicker{font-weight:600;font-stretch:118%;letter-spacing:.2em;font-size:11px;text-transform:uppercase;color:var(--rf-muted)}
.brand{font-weight:600;font-stretch:118%;letter-spacing:.22em}
a{text-decoration-color:var(--rf-olive);text-underline-offset:5px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--rf-ink);outline-offset:3px}
.cta,a.cta,.button,a.button,.btn,a.btn,.rf-install,.rf-menu summary,button:not([role="switch"]){border-radius:999px}
.primary,.button.primary{background:var(--rf-olive);border-color:var(--rf-olive);color:var(--rf-cream)}
.primary:hover,.button.primary:hover{background:var(--rf-ink);border-color:var(--rf-ink)}
.last,.rf-foot,.rf-sbar{background:var(--rf-deep)}
.last .primary,.last .button.primary{background:var(--rf-cream);border-color:var(--rf-cream);color:var(--rf-ink)}
table{background:transparent}
th{background:var(--rf-cream)}
::selection{background:var(--rf-cream)}
/* The journal was first built with Tailwind's indigo; it takes the olive and cream instead. */
.text-indigo-500,.text-indigo-600,.text-indigo-700,.text-indigo-900,.hover\:text-indigo-700:hover,.hover\:text-indigo-800:hover{color:var(--rf-olive)!important}
.bg-indigo-50,.bg-indigo-100,.hover\:bg-indigo-100:hover{background-color:var(--rf-cream)!important}
.bg-indigo-600,.hover\:bg-indigo-700:hover{background-color:var(--rf-olive)!important;color:var(--rf-cream)!important}
.border-indigo-200,.border-indigo-300,.border-indigo-500,.hover\:border-indigo-300:hover{border-color:var(--rf-line)!important}
.bg-white\/85{background-color:rgba(246,242,231,.9)!important}
.bg-gray-900{background-color:var(--rf-olive)!important}