/* Панель сравнения тем находится вне потока и не меняет размеры разделов. */
.theme-switcher { position:absolute; top:calc(31rem + 12px); right:24rem; z-index:15; font:400 13px/1.4 Roboto,Arial,sans-serif; }
.theme-toggle { display:flex; align-items:center; justify-content:center; gap:7px; min-height:36px; padding:7px 12px; border:1px solid #b9bdbd; border-radius:5px; background:#fff; color:#252626; box-shadow:0 2px 8px #00000014; }
.theme-toggle:hover { background:#f1f2f2; }
.theme-toggle svg { width:17px; height:17px; flex:none; }
.theme-panel { position:absolute; top:calc(100% + 8px); right:0; width:260px; max-width:calc(100vw - 40px); padding:14px; border:1px solid #d2d5d5; border-radius:6px; background:#fff; color:#252626; box-shadow:0 8px 28px #00000026; }
.theme-panel[hidden] { display:none; }
.theme-panel label { display:block; margin-bottom:7px; font-weight:500; }
.theme-panel select { display:block; width:100%; min-height:40px; padding:7px 8px; border:1px solid #969b9b; border-radius:3px; background:#fff; color:#252626; font:inherit; cursor:pointer; }
.theme-switcher :focus-visible { outline:2px solid #444; outline-offset:3px; }
@media(max-width:723px) { .theme-switcher { top:118px; right:20px; } }