/* Account actions stay outside the collapsible informational menu. */
.site-header .nav{display:grid;grid-template-columns:auto 1fr auto;gap:18px}
.site-header .navlinks{justify-self:end;gap:16px}
.site-header .account-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end}
.account-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:12px;font-size:15px;font-weight:750;white-space:nowrap}
.account-actions .account-login{border:1px solid var(--line);background:#fff;color:var(--ink)}
.account-actions .account-register{background:var(--ink);color:#fff}
.account-actions a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:1100px){.site-header .nav{grid-template-columns:1fr auto;position:relative;padding-top:12px;padding-bottom:12px}.site-header .navlinks{display:none;grid-column:1/-1;position:static;justify-self:stretch}.site-header .navlinks.open{display:flex}.site-header .menu-button{display:block;grid-row:2;grid-column:1/-1;justify-self:end}.site-header .account-actions{grid-column:2;grid-row:1}.site-header .navlinks{grid-row:3}}
@media(max-width:480px){.site-header .nav{gap:10px}.site-header .brand{font-size:21px;gap:7px}.site-header .brand small{font-size:10px}.site-header .brand .mark{width:26px;height:26px}.account-actions a{padding:9px 10px;font-size:14px}.site-header .account-actions{gap:6px}}
@media(max-width:350px){.site-header .nav{grid-template-columns:1fr}.site-header .account-actions{grid-column:1;grid-row:2;justify-content:stretch}.account-actions a{flex:1}.site-header .menu-button{grid-row:3}.site-header .navlinks{grid-row:4}}
