/* Shared layout for authentication forms. */
.auth-card { width: 100%; max-width: 600px; margin: 0 auto 1rem; }
.auth-card h1 { overflow-wrap: anywhere; }
.auth-card form > button { margin-top: .8rem; }

/* Active navigation: a light background and underline, beyond color alone. */
.topbar .nav-left { gap: .35rem; }
.topbar .nav-section { display: inline-block; padding: .4rem .6rem; border-radius: 8px; }
.topbar .nav-section:hover { background: rgba(255,255,255,.12); }
.topbar .nav-section.is-active,
.topbar .nav-pill.is-active,
.topbar .user-menu-summary.is-active {
  background: #e8eef8; color: #263d66;
  text-decoration: underline; text-underline-offset: .25em;
}
.topbar .user-menu-link.is-active { background: #e8eef8; color: #263d66; text-decoration: underline; text-underline-offset: .2em; }
.topbar .user-menu-summary.is-active .user-menu-role-chip { color: #263d66; }
.topbar a:focus-visible, .topbar summary:focus-visible { outline: 3px solid #efb847; outline-offset: 3px; }