.skin-switch{display:inline-flex;gap:3px;padding:3px;border:1px solid #587ac0;border-radius:5px;background:#0a1a39}
.skin-switch a{display:inline-block;border:0;border-radius:3px;padding:7px 11px;background:transparent;color:#bed0f1;font:600 12px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.skin-switch a[aria-current="true"]{background:#3665c4;color:#fff;box-shadow:inset 0 0 0 1px #a3bdff}
.skin-switch a:focus-visible{outline:2px solid #c9dcff;outline-offset:2px}
.site-nav-stack>.skin-switch{margin:8px 0}
.site-nav-stack>.skin-dropdown{align-self:flex-end;margin:0 0 3px}
.skin-dropdown{position:relative;z-index:40;width:max-content;max-width:100%;font-family:var(--pixel)}
.skin-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:6px 8px;border:2px solid var(--line);background:var(--panel);box-shadow:3px 3px 0 var(--shadow);color:var(--ink);font:8px/1.4 var(--pixel);letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.skin-dropdown summary::-webkit-details-marker{display:none}
.skin-dropdown summary span{color:var(--gold);font-size:10px}
.skin-dropdown summary:hover,.skin-dropdown summary:focus-visible,.skin-dropdown[open] summary{border-color:var(--gold);outline:none}
.skin-dropdown-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:41;display:grid;min-width:145px;padding:4px;border:2px solid var(--gold);background:var(--panel2);box-shadow:5px 5px 0 var(--shadow)}
.skin-dropdown-menu a{display:block;padding:8px 10px;border:1px solid transparent;color:var(--ink);font:8px/1.5 var(--pixel);letter-spacing:.5px;text-decoration:none;text-transform:uppercase}
.skin-dropdown-menu a:hover,.skin-dropdown-menu a:focus-visible{border-color:var(--gold);background:var(--panel);outline:none}
.skin-dropdown-menu a[aria-current="true"]{color:var(--gold)}