/* Shared compact mobile header; desktop navigation retains its existing layout. */
.mobile-menu-toggle{display:none}
@media(max-width:800px){
 header.mobile-nav-ready{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;height:70px;min-height:70px;padding:0 5vw;z-index:30;row-gap:0;flex-wrap:nowrap}
 .mobile-nav-ready .mobile-menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);cursor:pointer;touch-action:manipulation}
 .mobile-menu-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
 .mobile-nav-ready .logo{justify-self:start;white-space:nowrap;font-size:21px}
 .mobile-nav-ready .nav-cta{justify-self:end;margin:0;font-size:9px;padding:8px 10px;white-space:nowrap}
 header.mobile-nav-ready nav{display:none;position:absolute;left:0;right:0;top:100%;width:100%;margin:0;padding:8px 5vw 16px;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--ink);max-height:calc(100dvh - 85px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 10px 18px #16171912;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em;gap:0;order:initial;flex-basis:auto}
 header.mobile-nav-ready.mobile-nav-open nav{display:flex;flex-direction:column;align-items:stretch}
 .mobile-nav-ready nav a{display:flex;align-items:center;min-height:48px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none}
 .mobile-nav-ready nav a:last-child{border-bottom:0}
 .mobile-nav-ready nav a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
 .mobile-menu-toggle .menu-close{display:none}
 .mobile-nav-open .mobile-menu-toggle .menu-lines{display:none}
 .mobile-nav-open .mobile-menu-toggle .menu-close{display:block}
 .bank-v4 #usual,.bank-v4 #statement,.bank-v4 #ledger,#numbers,#philosophy,#board{scroll-margin-top:88px}
}
@media(max-width:360px){.mobile-nav-ready .logo{font-size:19px}.mobile-nav-ready .nav-cta{font-size:8px;padding:8px}}

/* Approved Option 1: Space Grotesk wordmark with lime capsule. */
header .logo{display:inline-flex;align-items:center;gap:.18em;color:var(--ink);font-family:var(--display);font-size:23px;font-weight:700;letter-spacing:-.055em;line-height:1;white-space:nowrap;min-height:44px}
header .logo .logo-capsule{display:inline-block;background:var(--acid,#d5ff35);color:var(--ink);padding:.13em .3em .17em;border-radius:1em;transform:rotate(-4deg);letter-spacing:-.055em}
header .logo:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:800px){header.mobile-nav-ready{gap:5px}header.mobile-nav-ready .logo{font-size:clamp(15px,4.4vw,21px)}}
@media(max-width:360px){header.mobile-nav-ready{padding-inline:3vw;gap:3px}header.mobile-nav-ready .logo{font-size:15px}}