/* Runs On One — site-chrome.css v1.7.1 — header, footer and skip link only, for pages that carry their own stylesheet (book.html).
   Variables are scoped to the chrome so they never collide with the page's own (the book template also uses --ink). */
.site-header,.site-footer,.skip{--ink:#1A1F2B;--ink-2:#3F4756;--paper:#FCFBF8;--white:#FFFFFF;--rule:#D6D9DE;--rule-2:#C9CDD4;--mute:#6B7280;--wash:#F1F3F5;--go:#1E6B52;--go-2:#164F3D;--warn:#B7791F;--stop:#9B3B2F;--field:#FBFBFA;--max:1080px;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.skip{position:absolute;left:-999px;top:0;background:var(--white);color:var(--ink);padding:.5em 1em;border:1px solid var(--ink);text-decoration:none}
.skip:focus{left:1rem;top:1rem;z-index:50}

/* ---- header ---- */
.site-header{background:var(--white);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:20}
.site-header .wrap{display:flex;align-items:center;gap:1.6rem;min-height:66px}
.site-header .brand{display:inline-flex;align-items:center;font-weight:700;font-size:1.12rem;letter-spacing:-.01em;text-decoration:none;color:var(--ink);white-space:nowrap}
.site-header .brand svg{height:1.65em;width:auto;margin-right:.5em}
.site-header nav{display:flex;gap:1.35rem;align-items:center;margin-left:.4rem}
.site-header nav a{text-decoration:none;color:var(--ink-2);font-size:.98rem;padding:.35em 0;border-bottom:2px solid transparent}
.site-header nav a:hover{color:var(--ink);border-bottom-color:var(--go)}
.site-header nav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}
.site-header .hdr-cta{margin-left:auto}
.site-header .hdr-cta a{text-decoration:none;background:var(--ink);color:var(--white);padding:.5em 1em;font-size:.95rem;white-space:nowrap}
.site-header .hdr-cta a:hover{background:var(--go-2)}
.site-header .menu{display:none}
@media (max-width:900px){
  .site-header .wrap{flex-wrap:wrap;gap:.6rem 1rem;padding-top:.6rem;padding-bottom:.6rem}
  .site-header .hdr-cta{margin-left:auto}
  .site-header nav{order:3;width:100%;overflow-x:auto;gap:1.1rem;margin:0;padding-bottom:.2rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent)}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{white-space:nowrap;font-size:.95rem}
}

/* ---- footer ---- */
.site-footer{background:var(--ink);color:#C9CDD4;margin-top:4rem;padding:2.6rem 0 2.2rem;font-size:.92rem}
.site-footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.4rem}
.site-footer .brand{display:inline-flex;align-items:center;color:var(--white);font-weight:700;font-size:1.1rem;text-decoration:none;margin-bottom:.6rem}
.site-footer .brand svg{height:1.7em;width:auto;margin-right:.5em}
.site-footer p{margin:.3em 0;max-width:46ch}
.site-footer h4{margin:0 0 .5em;color:var(--white);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:.25em 0}
.site-footer a{color:#E5E7EB;text-decoration-color:rgba(255,255,255,.35)}
.site-footer a:hover{color:var(--white);text-decoration-color:var(--go)}
.site-footer .fine{color:#9AA0AA;font-size:.82rem}
@media (max-width:820px){.site-footer .wrap{grid-template-columns:1fr;gap:1.4rem}}


.site-footer{margin-top:0}
/* The book page follows the site: light, whatever the visitor's colour scheme. These are the template's own light values. */
:root, :root:not([data-force-dark]){--bg:#faf8f3;--surface:#ffffff;--ink:#1a1815;--muted:#5b554d;--line:#e6e1d8}