.site-nav .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-height:62px;padding:8px 14px}
.site-nav .wrap::before{content:none;display:none}
.site-nav .site-menu{justify-self:start;min-width:0}
.site-nav .site-menu summary{display:grid;place-items:center;width:44px;height:44px;cursor:pointer;list-style:none;border:1px solid #334155;border-radius:10px;color:var(--acc);font-size:26px;line-height:1;background:var(--bg)}
.site-nav .site-menu summary::-webkit-details-marker{display:none}
.site-nav .site-menu summary:focus-visible,.site-nav a:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.site-nav .site-menu[open] summary{background:var(--card)}
.site-nav .site-links{position:absolute;top:100%;left:14px;width:260px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 90px);overflow-y:auto;padding:8px;background:var(--bg);border:1px solid #334155;border-radius:12px;box-shadow:0 14px 34px #0009;z-index:30}
.site-nav .site-links a{display:block;padding:12px 16px;border-radius:8px;font-size:1rem}
.site-nav .site-links a:hover{background:var(--card)}
.site-nav .brandlink{justify-self:center;white-space:nowrap;margin:0;text-align:center}
.site-nav .brandlink b{font-size:clamp(.9rem,2.8vw,1.15rem)}
.site-nav .site-email{justify-self:end;max-width:100%;min-width:0;text-align:right;overflow-wrap:anywhere;font-size:clamp(.68rem,1.6vw,.95rem);line-height:1.35}
@media(max-width:380px){.site-nav .wrap{gap:5px;padding-left:8px;padding-right:8px}.site-nav .site-links{left:8px}.site-nav .brandlink b{font-size:.85rem}.site-nav .site-email{font-size:.65rem}}