/* =====================================================================
   V6 SHARED CHROME - "Utility directory" (direction 4).
   Styles the exact markup emitted by partials/masthead-v5.php and
   partials/footer-v5.php when option cbd_v6_chrome is on.
   Replaces v5-chrome.css + v5-mobile.css chrome rules in one file.
   EXPLICIT hex + px everywhere so the header and footer render
   IDENTICALLY on every page regardless of page CSS (no em/rem, no
   var() that a page could redefine, explicit font-size on every
   element). Palette: bg #f4f5f7, card #fff, ink #15181d,
   ink2 #5d646f, ink3 #8c939e, hair #e3e6ea, red #c02a20, navy #16233c.
   Fonts: Source Serif 4 (wordmark), Inter (everything else),
   IBM Plex Mono (small labels only). NO em-dashes.
   ===================================================================== */

/* ---- shared layout helper (chrome + old board pages) ---- */
.wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.mono{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:#8c939e}

/* ---- masthead ---- */
.mast{background:#ffffff;border-bottom:1px solid #e3e6ea;position:sticky;top:0;z-index:120;font-size:15px}
.mast .wrap{display:flex;align-items:center;gap:28px;padding-top:14px;padding-bottom:14px}
.wordmark{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:20px;letter-spacing:-.015em;line-height:1.2;color:#15181d;text-decoration:none;white-space:nowrap}
.wordmark .pink{color:#c02a20;font-style:italic;font-weight:500}
.mast nav{display:flex;gap:24px;margin-left:4px}
.mast nav a{font-family:'Inter',-apple-system,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:#5d646f;text-decoration:none;line-height:1.5}
.mast nav a:hover{color:#c02a20}
.mast__right{display:flex;align-items:center;gap:12px;margin-left:auto}
.mast__search{background:none;border:0;cursor:pointer;padding:6px;margin:-6px;color:#15181d;display:inline-flex;align-items:center}
.mast__search svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.tipbtn{font-family:'Inter',-apple-system,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;background:#c02a20;color:#ffffff;padding:9px 18px;border-radius:8px;text-decoration:none;white-space:nowrap;line-height:1.5;display:inline-block}
.tipbtn:hover{background:#a52218;color:#ffffff}
.issue{display:none}
.mast__burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:9px;margin:-9px}
.mast__burger span{display:block;width:24px;height:2px;background:#15181d;border-radius:2px}

/* the partial emits <hr class="rule"> under the masthead; the border is the divider */
.rule{display:none}

/* ---- search overlay ---- */
.searchbar{display:none;background:#ffffff;border-bottom:1px solid #e3e6ea}
.searchbar.is-open{display:block}
.searchbar__in{display:flex;align-items:center;gap:10px;max-width:1240px;margin:0 auto;padding:12px 24px;box-sizing:border-box}
.searchbar__in>svg{width:18px;height:18px;stroke:#8c939e;fill:none;stroke-width:2;flex:none}
.searchbar input{flex:1;min-height:44px;border:0;background:none;font-family:'Inter',-apple-system,sans-serif;font-size:16px;color:#15181d;outline:none}
.searchbar__in button[type=submit]{min-height:44px;padding:0 20px;border:0;border-radius:8px;background:#c02a20;color:#fff;font-family:'Inter',-apple-system,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}
.searchbar__in button[type=submit]:hover{background:#a52218}
.searchbar__x{background:none;border:0;font-size:24px;line-height:1;color:#15181d;cursor:pointer;padding:0 6px}

/* ---- mobile slide-in menu ---- */
.mobnav{position:fixed;inset:0;z-index:300;background:#ffffff;transform:translateX(100%);transition:transform .26s cubic-bezier(.2,.8,.2,1);visibility:hidden;display:flex;flex-direction:column;padding:22px 24px}
.mobnav.is-open{transform:translateX(0);visibility:visible}
.mobnav__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.mobnav__top .wordmark{font-size:22px}
.mobnav__close{background:none;border:0;font-size:34px;line-height:1;color:#15181d;cursor:pointer;padding:0 4px}
.mobnav a{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:28px;color:#15181d;text-decoration:none;padding:15px 0;border-bottom:1px solid #eef0f3}
.mobnav a:active{color:#c02a20}
body.mobnav-open{overflow:hidden}

/* ---- mobile bottom nav ---- */
.bnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:160;background:#ffffff;border-top:1px solid #e3e6ea;box-shadow:0 -1px 10px rgba(20,25,35,.06)}
.bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0 6px;font-family:'Inter',-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:#5d646f;text-decoration:none}
.bnav a:active,.bnav a.is-current,.bnav a[aria-current]{color:#c02a20}
.bnav svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}

/* ---- breadcrumb (old board pages emit .crumb) ---- */
.crumb{font-family:'Inter',-apple-system,sans-serif;font-size:13px;letter-spacing:0;text-transform:none;color:#8c939e;padding:13px 0 0}
.crumb a{color:#8c939e;text-decoration:none}
.crumb a:hover{color:#c02a20}
.crumb .sep{margin:0 8px;color:#e3e6ea}

/* ---- buttons on old board pages (transitional until each page is refreshed) ---- */
.btn{font-family:'Inter',-apple-system,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:8px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border:0;background:none;line-height:1.5}
.btn--ink{background:#15181d;color:#ffffff}
.btn--ink:hover{background:#c02a20;color:#ffffff}
.btn--line{background:#ffffff;border:1px solid #e3e6ea;color:#15181d}
.btn--line:hover{border-color:#c02a20;color:#c02a20}

/* ---- unified footer (.foot), DARK per Will 2026-08-01 ("it's supposed to be dark").
   Utility ink, same markup, Inter/serif/mono type kept. ---- */
.foot{background:#15181d;color:#ffffff;margin-top:52px;font-size:15px}
.foot .wrap{max-width:1240px;margin:0 auto;padding:40px 24px 28px}
.foot__top{display:flex;flex-direction:column;gap:32px}
.foot__brand{max-width:430px}
.foot__wm{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:24px;color:#ffffff}
.foot__wm em{color:#e0503f;font-style:italic;font-weight:500}
.foot__tag{font-family:'Inter',-apple-system,sans-serif;font-size:14px;line-height:1.6;color:rgba(255,255,255,.62);margin:12px 0 16px}
.foot__badges{display:flex;flex-wrap:wrap;gap:8px}
.foot__badges span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 11px}
.foot__search{display:flex;gap:8px;max-width:380px;margin-top:18px}
.foot__search input{flex:1;min-height:44px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);border-radius:8px;padding:0 14px;font-family:'Inter',-apple-system,sans-serif;font-size:15px;color:#ffffff;box-sizing:border-box}
.foot__search input::placeholder{color:rgba(255,255,255,.45)}
.foot__search button{min-height:44px;padding:0 18px;border:0;border-radius:8px;background:#c02a20;color:#fff;font-family:'Inter',-apple-system,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}
.foot__search button:hover{background:#a52218}
.foot__cols{display:flex;flex-wrap:wrap;gap:28px 48px}
.foot__cols h5{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin:0 0 12px;font-weight:600}
.foot__cols a{display:block;font-family:'Inter',-apple-system,sans-serif;font-size:14px;color:rgba(255,255,255,.72);padding:5px 0;text-decoration:none}
.foot__cols a:hover{color:#ffffff}
.foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-family:'Inter',-apple-system,sans-serif;font-size:13px;color:rgba(255,255,255,.5)}
.foot__bottom a{color:rgba(255,255,255,.6);text-decoration:none}
.foot__bottom a:hover{color:#ffffff}

/* ---- legacy .site-footer (old pages), same dark treatment ---- */
.site-footer{background:#15181d;color:#ffffff;padding:44px 0 28px;margin-top:52px}
.site-footer .grid{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 1.5rem}
.site-footer__brand{grid-column:1 / -1}
.site-footer__wordmark{font-family:'Source Serif 4',Georgia,serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:.7rem;color:#ffffff}
.site-footer__wordmark em{font-style:italic;color:#e0503f;font-weight:500}
.site-footer__tagline{font-family:'Inter',-apple-system,sans-serif;font-size:14px;color:rgba(255,255,255,.62);max-width:38ch;line-height:1.6}
.site-footer__col h4{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1rem;font-weight:600}
.site-footer__col ul{list-style:none;margin:0;padding:0}
.site-footer__col li{margin-bottom:.5rem}
.site-footer__col a{font-family:'Inter',-apple-system,sans-serif;font-size:14px;color:rgba(255,255,255,.72);text-decoration:none}
.site-footer__col a:hover{color:#ffffff}
.site-footer__copyright{grid-column:1 / -1;margin-top:1rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-family:'Inter',-apple-system,sans-serif;font-size:13px;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.5)}
.site-footer__copyright a{color:#e0503f;text-decoration:none}
.site-footer__copyright a:hover{color:#ffffff}

/* ---- ad slot frames ---- */
.adslot__k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8c939e;margin-bottom:10px}
.adslot__unit{display:flex;align-items:center;justify-content:center;min-height:90px;max-width:970px;margin:0 auto;background:#ffffff;border:1px dashed #e3e6ea;border-radius:8px;color:#8c939e;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.08em}
.adslot--rect{margin:24px 0 0;padding:0;border:0}
.adslot--rect .adslot__unit{width:300px;height:250px;max-width:100%;min-height:0}

/* ---- responsive chrome ---- */
@media(min-width:861px){
  .foot__top{flex-direction:row;justify-content:space-between;gap:64px}
  .foot__cols{flex-wrap:nowrap}
  .site-footer .grid{grid-template-columns:1.7fr 1fr 1fr 1fr 1fr;gap:0 1.5rem}
  .site-footer__brand{grid-column:1;margin-bottom:0}
  .site-footer__copyright{margin-top:2.5rem}
  .mast__burger{display:none}
  .mobnav,.bnav{display:none}
}
@media(max-width:860px){
  .mast nav{display:none}
  .tipbtn{display:none}
  .mast__burger{display:flex}
  .bnav{display:flex}
}