#appearance-control{flex:none}
.site-theme-picker{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:50px;height:38px;padding:8px;border:1px solid var(--bluui-border);border-radius:9px;background:var(--bluui-surface);color:var(--bluui-text-muted);cursor:pointer}
.site-theme-picker:hover{background:var(--bluui-hover);border-color:var(--bluui-border-strong);color:var(--bluui-primary-text)}
.site-theme-picker:focus-within{outline:2px solid var(--bluui-primary);outline-offset:3px}
.site-theme-picker select{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;appearance:none}
.site-theme-picker select option{background:var(--bluui-surface);color:var(--bluui-text)}
.site-theme-picker svg{flex:none;pointer-events:none}
.site-theme-picker .site-theme-symbol{width:19px;height:19px;display:none}
.site-theme-picker .site-theme-chevron{width:8px;height:8px;opacity:.65}
[data-bluui-mode="system"] .site-theme-system,[data-bluui-mode="light"] .site-theme-light,[data-bluui-mode="dark"] .site-theme-dark{display:block}
@media(forced-colors:active){.site-theme-picker{border-color:ButtonText;color:ButtonText}}

/* Keep the final Pricing link inside the shared header on narrow screens. */
@media(max-width:480px){.landing-shell .top-nav.site-navigation{flex-wrap:wrap;justify-content:flex-start;row-gap:2px}}