/* BECOME nav for pages without energy.css; mirrors energy.css .nav exactly (Chinedu 2026-11-11) */
.bnav{position:sticky;top:0;z-index:50;background:rgba(243,239,230,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(28,25,20,.12)}
.bnav .nav{width:var(--wrap,min(92vw,1040px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 0;font-family:"IBM Plex Sans",system-ui,sans-serif;line-height:1.6}
.bnav .be-mark{position:static;text-decoration:none;display:block;line-height:0;color:#6B0F1A}.bnav .be-mark:hover{color:#4A0000}.bnav .be-mark svg{width:2.6rem;height:auto;display:block}
.bnav .links{display:flex;flex-wrap:wrap;gap:.35rem}
.bnav .links a{font-size:.875rem;font-weight:500;text-decoration:none;color:#3d3830;padding:.35rem .7rem;border-radius:3px;border:0}
.bnav .links a:hover{color:#1c1914;background:#e8e2d4}
.bnav .links a.cur{color:#6B0F1A;background:rgba(107,15,26,.1);font-weight:600}
.bnav .acct{display:flex;align-items:center;gap:.6rem;font-size:.88rem}
.bnav .menu-btn{display:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:2.5rem;height:2.5rem;margin-left:auto;padding:0;border:0;background:none;color:#1c1914;cursor:pointer}
.bnav .menu-btn span{display:block;width:24px;height:1.5px;background:currentColor;transition:transform .25s,opacity .2s}
.bnav .nav.open .menu-btn span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.bnav .nav.open .menu-btn span:nth-child(2){opacity:0}
.bnav .nav.open .menu-btn span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media (max-width:820px){
.bnav .menu-btn{display:inline-flex}
.bnav .links,.bnav .acct{display:none!important}
.bnav .nav.open .links{display:flex!important;flex-direction:column;flex-wrap:nowrap;order:3;width:100%;gap:.15rem;padding:.6rem 0 .4rem}
.bnav .nav.open .links a{font-size:1.15rem;padding:.65rem .5rem}
}