/* hub-look.css: the homepage look on the Guides, Playbooks, Library and Template pages (2026-09-25).
   Served at /assets/hub-look.css, loaded after each page's own styles. Every value is copied from v2/index.html;
   nothing here is invented. The three !important rules each enforce a canon rule the pages' own class rules outrank. */
:root{--bg:#0a0a0a;--panel:#141414;--line:#262626;--ink:#f5f5f5;--mut:#a3a3a3;--dim:#6b6b6b;--gold:#dc2626;--wine:#ef4444;--sage:#22c55e;--amber:#f59e0b;
--serif:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,-apple-system,sans-serif;--r:14px;--rb:10px;--ease:cubic-bezier(.16,1,.3,1);--w:1200px;--hub-top:64px}
@media (max-width:860px){:root{--hub-top:32px}}
html{scroll-padding-top:84px}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}

/* title block: the pages' own header sits directly under the menu at the homepage hero spacing */
body > header:first-of-type, header.top{padding-top:var(--hub-top)}
.eyebrow{font:600 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.02em;line-height:1.08}
h1,h2,h3{max-width:none!important;text-wrap:wrap!important}

/* one text color per block, never red letters; emphasis is weight or italic */
:is(p,li,td,th,dt,dd,h1,h2,h3,h4,summary,label,figcaption,blockquote) *{color:inherit!important}
:is(h1,h2,h3) em{font-style:italic}

/* links share their block's color, so body links are told apart by an underline (WCAG 1.4.1) */
a{color:inherit}
a:hover{color:var(--ink)}
:is(p,li,td,th) a{text-decoration:underline;text-underline-offset:2px}

/* cards and the homepage's primary button */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 16px/1 var(--sans);padding:17px 26px;border-radius:var(--rb);text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:transform .12s var(--ease),background .2s,border-color .2s,color .2s}
.btn-book{background:var(--gold);color:#fff}
.btn-book:hover{background:#b91c1c;color:#fff}

/* closing band: the homepage's own Book a call button, at the homepage section rhythm */
.hub-cta{padding:72px 0;text-align:center}
.hub-cta .hub-wrap{max-width:var(--w);margin:0 auto;padding:0 24px}