.nav22-actions{display:flex;gap:9px;align-items:center}.navbar .nav #theme22{width:auto;height:36px;padding:0 12px;border:1px solid #c9cbd0;border-radius:4px;background:#f2f4f7;color:#3d5685;font:11px/1.4 'Geist Mono','Sarasa UI SC',monospace}.navbar .nav #theme22-auto{width:auto;height:30px;padding:0 6px;background:none;color:#777;font:10px/1.4 'Geist Mono','Sarasa UI SC',monospace}.navbar .nav #theme22-auto[aria-pressed=true]{color:#3d5685;border-bottom:1px solid #3d5685;border-radius:0}.nav22-actions :focus-visible{outline:2px solid #843f35;outline-offset:3px}.navbar #theme22[data-mode=day]{background:#f5eae7;color:#87504a;border-color:#dac6c2}@media(max-width:767px){.nav22-actions{gap:5px}.navbar .nav #theme22{padding:0 6px;font-size:9px;height:32px}.navbar .nav #theme22-auto{font-size:9px;padding:0 3px}.nav-spacer{display:none!important}.nav__links{gap:12px!important}.navbar .nav #lang{width:32px;height:32px}.navbar .nav{gap:8px}}

/* 40 / selected theme control: one icon, no visible labels. */
.navbar .nav #theme22{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#202020;cursor:pointer}.navbar .nav #theme22-auto{display:none!important}.theme28-disc{display:block;width:19px;height:19px;border:1.5px solid #202020;border-radius:50%;background:linear-gradient(90deg,#202020 50%,#fff 50%);transition:transform .28s ease}.navbar #theme22[data-mode=night] .theme28-disc{transform:rotate(180deg)}.navbar .nav #theme22:hover{background:#f1f1f1}.navbar .nav #theme22:focus-visible{outline:2px solid #3d5685;outline-offset:3px}@media(prefers-reduced-motion:reduce){.theme28-disc{transition:none}}
