/* Account access occupies the right edge on every page. */
.nav-pill{width:calc(100% - 2 * var(--page-gutter));max-width:1328px;gap:var(--space-lg);border:1px solid var(--color-rule)}
.nav-pill .wordmark{order:0}
.nav-pill .nav-links{order:1;flex:1;justify-content:center}
.nav-pill .language-picker{order:2;flex:none}
.nav-pill .menu-toggle{order:3;flex:none}
.nav-pill .nav-login,.nav-pill #account-menu-slot{order:4;flex:none}
.nav-pill .account-pending{order:4;flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-3)}
.account-pending>span{width:16px;height:16px;border:2px solid var(--color-rule);border-top-color:var(--color-accent);border-radius:50%}
.account-pending[hidden]{display:none!important}
.site-auth-message{position:fixed;top:104px;right:var(--page-gutter);z-index:var(--z-modal);max-width:min(30rem,calc(100vw - 2rem));padding:var(--space-md);display:grid;gap:var(--space-sm);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 12px 40px #0005}
.site-auth-message p{overflow-wrap:anywhere}.site-auth-message .button{justify-self:start}
@media(max-width:45rem){.nav-pill{width:calc(100% - 2rem);gap:var(--space-sm)}.nav-pill .wordmark{margin-right:auto}.nav-pill .nav-links{justify-content:start}.site-auth-message{top:88px}}
@media(max-width:24rem){.nav-pill{gap:4px;padding-inline:8px}.nav-pill .wordmark{gap:4px;font-size:1rem}.nav-pill .nav-login{padding-inline:10px;font-size:12px}.nav-pill .language-switch{min-width:52px;padding-inline:9px}.nav-pill .menu-toggle{width:40px}}