@charset "utf-8";
/* Облик A3 «Вся слаботочка.ру» — слой портала поверх BASE_STYLE/HOME_STYLE и
   *_STYLE в templates.py (20.10.2026). Палитра, шапка, подвал, кнопка темы —
   в a3-core.css (грузится перед этим файлом). Здесь — компоненты страниц.
   Правила написаны «поверх»: те же селекторы, что в templates.py, но
   позже по порядку; ничего в шаблонах не отключается. */

body{font:16px/1.55 var(--ff-b);-webkit-font-smoothing:auto;}
h1,h2,h3,h4{font-family:var(--ff-d);letter-spacing:-.02em;}
.site-frame{min-height:calc(100vh - 66px);}
.hint,.status,.page-lede{color:var(--text-dim);}
code,kbd,samp{font-family:var(--ff-m);}

/* ---- формы и кнопки ---- */
input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],input[type=url],textarea,select{background:var(--panel);color:var(--text);border:1.5px solid var(--field-line);border-radius:var(--r);font-size:16px;}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:-1px;border-color:var(--c1);box-shadow:none;}
input::placeholder,textarea::placeholder{color:var(--text-dim);}
/* граница полей из шаблонов (композер /ask, поиск /calc): ≥3:1; на /calc поле 16 px — иначе iOS увеличивает страницу */
form#composer{border-color:var(--field-line);}
.calc-tools input[type=text]{border-color:var(--field-line);font-size:16px;}
.calc-tools input[type=text]:focus-visible{border-color:var(--signal);}
/* одинокая ссылка-действие (404 «На главную»): цель нажатия ≥24 px */
a.tap{display:inline-block;padding:12px 0;}
button,.btn-ask,.discuss{background:var(--btn);color:var(--btn-t);border-radius:var(--r);font-weight:700;}
button:hover:not(:disabled){filter:brightness(1.1);box-shadow:none;transform:none;}
button:active:not(:disabled){transform:translateY(1px);}
button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}
.discuss{color:var(--btn-t);}
.btn-ask{color:var(--btn-t);}
.btn-ghost{background:var(--panel);border:1.5px solid var(--line-strong);border-radius:var(--r);color:var(--text);}
.btn-ghost:hover{border-color:var(--c1);color:var(--c1t);}

/* ---- карточки базовые ---- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;}
.page-kicker{color:var(--c1t);font:600 13px/1.3 var(--ff-m);letter-spacing:.14em;}
.page-kicker a{color:var(--c1t);}
.page-title{font-weight:800;}
.page-pill{background:var(--panel);}

/* ==== ГЛАВНАЯ ==== */
.hx{gap:40px;align-items:stretch;margin:0;padding-top:12px;}
.hx-kicker{font:600 13px/1.3 var(--ff-m);letter-spacing:.14em;color:var(--c1t);margin-bottom:14px;}
.hx h1{font-weight:800;font-size:clamp(34px,5vw,56px);letter-spacing:-.02em;line-height:1.12;}
.hx-lede{color:var(--text2);font-size:18px;max-width:60ch;}
.hx-note{color:var(--text-dim);font-size:14.5px;max-width:62ch;}
.chk{color:var(--warn);font-weight:600;}
.hx-panel{border:1px solid var(--line);border-radius:var(--rl,8px);overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px;box-shadow:none;
  background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/32px 32px,var(--panel-2);}
.hx-panel svg{width:100%;height:auto;max-height:200px;}
.hx-sub{margin:0;font:800 clamp(20px,2.2vw,26px)/1.2 var(--ff-d);text-wrap:balance;background:var(--panel);border:1px solid var(--line-strong);padding:10px 14px;border-radius:var(--r);}
.hx-act{margin-bottom:18px;}
@media (max-width:900px){.hx-art{order:0;}.hx-panel{padding:20px;}}

.counts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);margin:8px 0 0;padding:0;overflow:hidden;font:14.5px/1.4 var(--ff-b);color:var(--text-dim);}
.counts span{display:block;padding:16px 20px;border-left:1px solid var(--line);}
.counts span:first-child{border-left:0;}
.counts b{display:block;font:800 28px/1.1 var(--ff-d);letter-spacing:-.02em;margin:0;color:var(--text);}
@media (max-width:980px){.counts{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;}.counts span:nth-child(odd){border-left:0;}.counts span:nth-child(n+3){border-top:1px solid var(--line);}}
@media (max-width:640px){.counts b{font-size:24px;}.counts span{padding:12px 14px;}}

.sec{margin-top:56px;}
.sec-h{gap:6px 24px;margin-bottom:22px;}
.sec-h h2{font-weight:800;font-size:clamp(26px,3.2vw,34px);}
.sec-h p{color:var(--text-dim);}
.sec-all{color:var(--link,var(--signal));}
@media (max-width:640px){.sec{margin-top:40px;}}

/* ликбез — карточки с левой полосой цвета, как плитки в наброске */
.lk a{border-left:5px solid var(--c1);border-radius:var(--r);background:var(--panel);}
.lk li:nth-child(3n+2) a{border-left-color:var(--c2);}
.lk li:nth-child(3n) a{border-left-color:var(--c3);}
.lk a:hover{border-color:var(--c1);border-left-color:inherit;}
.lk a:hover b{color:var(--c1t);}
.lk small{color:var(--c1t);font-weight:600;}
.lk-fine{color:var(--text-dim);}

/* полоса консультанта */
.cb{border:1px solid var(--line);border-top:5px solid var(--c2);border-radius:var(--radius);background:var(--panel);}
.cb-fact{font-weight:600;}

/* инструменты: без янтарных картинок, карточка с верхней полосой */
.tool{border-radius:var(--radius);background:var(--panel);border-top:5px solid var(--c1);}
.tool:nth-child(2){border-top-color:var(--c2);}
.tool:hover{border-color:var(--c1);border-top-color:var(--c1);box-shadow:var(--shadow);}
.tool .go{color:var(--c1t);}
.tool .fact{font-weight:600;}
.st{color:var(--ok);}
.st-beta{color:var(--c1t);background:color-mix(in srgb,var(--c1) 16%,transparent);border-color:color-mix(in srgb,var(--c1) 40%,var(--line));border-radius:var(--rs);text-transform:uppercase;letter-spacing:.06em;font-family:var(--ff-m);}

/* боковой указатель систем и плитки систем */
.hs-box{background:var(--panel);border-radius:var(--radius);}
.hs-h{letter-spacing:.1em;}
.hs-h a{color:var(--c1t);}
.hs-row:hover{background:var(--panel-2);color:var(--c1t);}
.hs-row i{border-radius:var(--rs);}
.sm{background:var(--panel);border-radius:var(--r);border-left:5px solid var(--c);}
.sm::before{display:none;}
.sm b{padding:14px;font-size:16px;}

/* журнал и ленты */
.jlead,.fx,.fcd .ph{border-radius:var(--radius);}
.jlead{background:var(--panel);}
.jlead:hover{border-color:var(--c1);}
.jlead .go,.fcd .go{color:var(--c1t);}
.fcd:hover h3{color:var(--c1t);}
.kind{color:var(--c1t);}
.kind-razbor{color:var(--c1t);}
.kind-news{color:var(--c2t);}
.fx{background:var(--panel);}
.fx.fx-img{background:var(--panel);border-color:var(--line);border-top:5px solid var(--c3);}
.frow:hover h3{color:var(--c1t);}
.fx-cta{color:var(--c1t);}
.fx-img>.fx-cta{border:1.5px solid var(--btn);border-radius:var(--r);}
.fx-img>.fx-cta:hover{background:var(--btn);color:var(--btn-t);}

/* Иллюстрации раздела (янтарные, нарисованы под прежний облик) — сдвиг тона
   в синий, пока Codex не перерисует их в палитре A3. Фото обложек статей
   не трогаем. */
.tool-ph img,.sm img,.fx-img img,.fsc-visual img,.svc-art,.calc-intro-side img{filter:hue-rotate(190deg) saturate(.85);}

.think-led{box-shadow:0 0 8px color-mix(in srgb,var(--c1) 65%,transparent);}