/* Top-bar controls: theme switch and language menu */
.topbar{position:relative;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar>a{white-space:nowrap}
.tbl{display:flex;align-items:center;gap:8px}
.tbb{width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .25s,transform .25s}
.tbb:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}
.tbb:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tbb svg{display:block}
#boTheme .glass{fill:#FFD84D;stroke:#FFD84D;transition:fill .3s,stroke .3s}
html[data-theme=dark] #boTheme .glass{fill:none;stroke:currentColor}
.lg{position:relative}
.lgm{position:absolute;left:0;top:calc(100% + 8px);min-width:160px;background:#fff;border-radius:18px;padding:6px;box-shadow:0 20px 44px rgba(14,27,46,.28);display:none;flex-direction:column;gap:2px;z-index:70;text-align:left}
.lg.open .lgm{display:flex}
.lgm button{border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:#0E1B2E;text-align:left;padding:10px 14px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lgm button:hover{background:#E6F0FC;color:#0B55BC}
.lgm button[aria-checked=true]{color:#0B55BC;background:#E6F0FC}
.lgm button[aria-checked=true]:after{content:"\2713";font-weight:800}
/* Hide Google Translate chrome */
.skiptranslate>iframe,.goog-te-banner-frame,#goog-gt-tt,.goog-tooltip{display:none !important}
body{top:0 !important}
#google_translate_element{display:none}
font[style]{background:transparent !important;box-shadow:none !important}

/* ---------- Dark mode ---------- */
html[data-theme=dark]{color-scheme:dark}
html[data-theme=dark] body{background:#0B1220}
html[data-theme=dark] body .bo{background:#0B1220 !important;color:#E8EEF7}
html[data-theme=dark] [style*="background:#fff" i]{background:#141D2E !important}
html[data-theme=dark] [style*="background:#fff" i]:has(>img){background:#fff !important}
html[data-theme=dark] [style*="background:#F1F4F7" i],html[data-theme=dark] [style*="background:#F4F7FB" i],html[data-theme=dark] [style*="background:#EEF1F4" i]{background:#1B2740 !important}
html[data-theme=dark] [style*="background:#E4E8EC" i]{background:#18233A !important}
html[data-theme=dark] [style*="background:#E6F0FC" i]{background:#1C2D4B !important}
html[data-theme=dark] [style*="background:#D7F2FA" i]{background:#17344A !important}
html[data-theme=dark] [style*="color:#0E1B2E" i],html[data-theme=dark] [style*="color:#0A1F33" i]{color:#E8EEF7 !important}
html[data-theme=dark] [style*="color:#1F2A3A" i],html[data-theme=dark] [style*="color:#2B3748" i],html[data-theme=dark] [style*="color:#3B4756" i]{color:#C5D2E3 !important}
html[data-theme=dark] [style*="color:#4A5565" i],html[data-theme=dark] [style*="color:#5B6676" i]{color:#9DB0C8 !important}
html[data-theme=dark] [style*="color:#0B55BC" i]{color:#6FB0FF !important}
html[data-theme=dark] [style*="#D5DCE4" i],html[data-theme=dark] [style*="#D9E2EC" i],html[data-theme=dark] [style*="#E1E7EE" i]{border-color:#2A3650 !important}
html[data-theme=dark] .ddi,html[data-theme=dark] .side,html[data-theme=dark] .acard{background:#141D2E;border-color:#2A3650}
html[data-theme=dark] .ddi{box-shadow:0 24px 56px rgba(0,0,0,.5)}
html[data-theme=dark] .art h2,html[data-theme=dark] .crumb a{color:#6FB0FF}
html[data-theme=dark] .art p{color:#C5D2E3}
html[data-theme=dark] .crumb{color:#9DB0C8}
html[data-theme=dark] .nav a:hover{background:#1C2D4B;color:#9CC8FF}
html[data-theme=dark] .rp a:hover{background:#1B2740}
html[data-theme=dark] .soon .tag{background:#243250;color:#9DB0C8}
html[data-theme=dark] .fld{background:#1B2740;color:#E8EEF7}
html[data-theme=dark] .fld:focus{background:#141D2E}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#7E91AB}
html[data-theme=dark] select{color:#E8EEF7}
html[data-theme=dark] select option{background:#141D2E;color:#E8EEF7}
html[data-theme=dark] header.top>a img{background:#fff;border-radius:14px;padding:4px 12px;box-sizing:content-box}
html[data-theme=dark] #wz .wz-q{color:#E8EEF7}
html[data-theme=dark] #wz .wz-sub,html[data-theme=dark] #wz .wz-count{color:#9DB0C8}
html[data-theme=dark] #wz .wz-bar{background:#243250}
html[data-theme=dark] #wz .wz-chip span{background:#1B2740;color:#E8EEF7}
html[data-theme=dark] #wz .wz-chip:hover span{background:#223156}
html[data-theme=dark] #wz .wz-chip input:checked+span{background:#1C3D6E;color:#BBD8FF;border-color:#5AA2FF}
html[data-theme=dark] #wz .wz-back{background:#1B2740;color:#E8EEF7}
html[data-theme=dark] .lgm{background:#141D2E;box-shadow:0 20px 44px rgba(0,0,0,.55)}
html[data-theme=dark] .lgm button{color:#E8EEF7}
html[data-theme=dark] .lgm button:hover,html[data-theme=dark] .lgm button[aria-checked=true]{background:#1C2D4B;color:#9CC8FF}
html[data-theme=dark] header.open .nav>a,html[data-theme=dark] header.open .nav>.dd{border-bottom-color:#243250}
html[data-theme=dark] .ddi{background:#141D2E !important}
@media (max-width:900px){.topbar{justify-content:space-between !important;text-align:left !important}}
html[data-theme=dark] .cform input,html[data-theme=dark] .cform textarea,html[data-theme=dark] .cform select{background-color:#141D2E !important;border-color:#2A3650 !important;color:#E8EEF7 !important}
html[data-theme=dark] footer input[type=email]{background-color:#fff;color:#0E1B2E}
