.nav-preferences { display: flex; align-items: center; gap: .25rem; padding: .25rem .75rem; margin-left: auto; flex-shrink: 0; }
.preference-menu { position: relative; }
.preference-menu summary { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; cursor: pointer; border-radius: 6px; list-style: none; color: var(--text-primary, #363636); }
.preference-menu summary::-webkit-details-marker { display: none; }
.preference-menu summary:focus-visible, .preference-options button:focus-visible { outline: 2px solid var(--link-color, #3273dc); outline-offset: 2px; }
.preference-menu summary:hover, .preference-options button:hover { background: var(--surface-bg, #f5f5f5); }
.preference-menu .preference-options { position: absolute; right: 0; top: 100%; z-index: 31000; width: max-content; min-width: 155px; margin: 0; padding: .25rem; border: 1px solid var(--border-color, #dbdbdb); border-radius: 6px; background: var(--panel-bg, #fff); box-shadow: 0 4px 12px #0002; }
.preference-options button { display: flex; align-items: center; gap: .75rem; width: 100%; min-height: 44px; padding: .5rem .75rem; border: 0; background: transparent; color: var(--text-primary, #363636); font: inherit; white-space: nowrap; cursor: pointer; text-align: left; }
.preference-options [aria-current="true"] { font-weight: 700; }
.preference-menu img { flex: 0 0 26px; object-fit: contain; }
.nav-preferences .account-link { width: 44px; height: 44px; padding: 0; border-color: transparent; background: transparent !important; color: var(--text-primary, #363636) !important; }
.account-link .account-icon { display: inline-block; }
@media screen and (max-width: 1023px) {
  nav.navbar { display: flex; flex-wrap: wrap; align-items: center; }
  nav.navbar > .navbar-brand { flex: 0 0 auto; min-width: 0; flex-wrap: nowrap; align-items: center; }
  nav.navbar .navbar-burger { margin-left: 0; width: 44px; height: 44px; }
  nav.navbar > .navbar-menu { order: 3; flex: 0 0 100%; }
}