/* The one site navigation. Shared by the hand-written sales pages and every
   library page; the markup it styles (partials/nav.njk) is byte-identical
   everywhere and the linter checks that. Cream on Grail Black — never red
   type on black (brand rule). */
.tbg-nav{background:#141412;border-bottom:1px solid #35352F}
.tbg-nav-in{max-width:940px;margin:0 auto;padding:8px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;font-family:'Archivo','DM Sans',system-ui,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.4}
.tbg-nav a{color:#F5EFE3;text-decoration:none;padding:7px 0;white-space:nowrap}
.tbg-nav a:hover,.tbg-nav a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.tbg-nav a:focus-visible{outline:2px solid #F5EFE3;outline-offset:2px}
.tbg-nav .tbg-nav-cta{margin-left:auto;background:#F5EFE3;color:#141412;padding:7px 12px;border-radius:5px}
.tbg-nav .tbg-nav-cta:hover{background:#fff;text-decoration:none}
@media (max-width:520px){.tbg-nav-in{gap:0 14px;font-size:.76rem}}
/* phones and touch screens: 44px rows (mobile pass, 7 Sep 2026) */
@media (max-width:760px),(pointer:coarse){.tbg-nav-in{padding:4px 24px}.tbg-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0}.tbg-nav .tbg-nav-cta{padding:0 12px}}