@charset "utf-8";
/* Главная, классический облик (25.10.2026): указатель систем слева — таблица со значками-глифами (--ico из sys-icons.css).
   Спокойно: глиф без рамки и заливки, цвет вторичного текста; зебра и шапка — лёгкий холодный оттенок от --skud;
   при наведении — строка темнее и полоска 3 px цвета акцента. Тема: тёмная по умолчанию, светлая по prefers-color-scheme
   и по <html data-theme>. Грузится только на главной и только при SITE_THEME=classic (main.py). */
:root{--hl-card:var(--panel);}
@media (prefers-color-scheme:light){:root{--hl-card:#fafbf8;}}
:root[data-theme="light"]{--hl-card:#fafbf8;}
:root[data-theme="dark"]{--hl-card:var(--panel);}

.hs-box{background:color-mix(in srgb,var(--skud) 12%,var(--hl-card));border-color:color-mix(in srgb,var(--skud) 32%,var(--line));}
.hs-h{background:color-mix(in srgb,var(--skud) 22%,var(--hl-card));border-bottom:1px solid color-mix(in srgb,var(--skud) 38%,var(--line));}
.hs-row{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:8px 12px 8px 14px;transition:background .15s,box-shadow .15s;}
.hs-row{border-bottom-color:color-mix(in srgb,var(--skud) 16%,var(--line));}
.hs-row:nth-of-type(even){background:color-mix(in srgb,var(--skud) 6%,transparent);}
.hs-row:hover,.hs-row:focus-visible{background:color-mix(in srgb,var(--skud) 24%,var(--hl-card));color:var(--text);box-shadow:inset 3px 0 0 var(--signal);}
.hs-row i{width:22px;height:22px;border-radius:0;background:var(--text-dim);-webkit-mask:var(--ico) center/22px 22px no-repeat;mask:var(--ico) center/22px 22px no-repeat;transition:background .15s;}
.hs-row:hover i,.hs-row:focus-visible i{background:var(--text);}
.hs-row small{min-width:46px;box-sizing:border-box;text-align:right;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--text) 8%,transparent);}
@media (prefers-reduced-motion:reduce){.hs-row,.hs-row i{transition:none;}}
/* Плитки «Ликбез» (Виктор 25.10): мозаика пастельных тонов — каждая плитка цветом своей системы, чтобы не сливались с фоном. */
.lk li{--pm:var(--skud);}
.lk li:nth-child(6n+2){--pm:var(--soue);}
.lk li:nth-child(6n+3){--pm:var(--aupt);}
.lk li:nth-child(6n+4){--pm:var(--okhr);}
.lk li:nth-child(6n+5){--pm:var(--video);}
.lk li:nth-child(6n){--pm:var(--domof);}
.lk a{background:color-mix(in srgb,var(--pm) 11%,var(--panel));border-color:color-mix(in srgb,var(--pm) 30%,var(--line));border-left:5px solid var(--pm);}
.lk a:hover{border-color:var(--pm);background:color-mix(in srgb,var(--pm) 19%,var(--panel));}
.lk a:hover b{color:var(--text);}
