.nav__actions { display:flex; align-items:center; gap:14px; }
.appearance-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 12px; border:1px solid var(--line-strong); border-radius:24px; background:transparent; color:var(--ivory); font:500 12px/1.2 Inter,sans-serif; cursor:pointer; }
.appearance-toggle[hidden] { display:none; }
.appearance-toggle:hover { border-color:var(--gold); }
.appearance-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
[id] { scroll-margin-top:130px; }
@media(max-width:750px) {
  .nav__row { gap:10px; }
  .nav .lockup img { width:140px!important; max-width:30vw!important; }
  .nav__actions { gap:8px; }
  .appearance-toggle { padding:8px; min-width:44px; }
  .appearance-toggle span { display:none; }
  .nav__actions .btn { padding:12px 10px; font-size:9px; }
  .nav__actions .btn__arrow { display:none; }
}

/* Identical dimensions keep the navigation steady when changing appearance. */
.nav .lockup .brand-logo { display:block; width:190px; max-width:42vw; height:auto; }
.nav .lockup .brand-logo--light { display:none; }
html[data-theme="cream"] .nav .lockup .brand-logo--dark { display:none; }
html[data-theme="cream"] .nav .lockup .brand-logo--light { display:block; }