/* ============================================================
   B-Chat v2 — тёмная деловая тема
   IBM Plex Sans / IBM Plex Mono · без скруглений · меню слева
   ============================================================ */
:root{
  --bg:#0D1321; --panel:#141C2E; --panel-2:#1A2439; --panel-3:#0F1726;
  --line:#26324D; --line-soft:#1C2740;
  --text:#E7EDF7; --text-2:#9FADC4; --text-3:#64748F;
  --blue:#4D8DFF; --blue-h:#78A9FF; --blue-btn:#2E6BFF; --blue-btn-h:#1F55D6;
  --amber:#FFB627;
  --ok:#3DDC97; --mid:#FFC75A; --hi:#FF9F43; --crit:#FF5C5C; --low:#5AB0FF;
  --ok-bg:#12291F; --mid-bg:#2B2410; --hi-bg:#2C1E0F; --crit-bg:#2C1214; --low-bg:#10233B;
  --sb:236px;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box;border-radius:0!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);
  font:400 16px/1.65 "IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}
a:hover{color:var(--blue-h)}
img{max-width:100%}
h1,h2,h3{font-weight:700;line-height:1.25;margin:0 0 .5em;letter-spacing:-.01em;color:var(--text)}
h1{font-size:clamp(25px,3.4vw,36px)}
h2{font-size:clamp(19px,2.6vw,25px)}
h3{font-size:17px}
::selection{background:var(--amber);color:#0D1321}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.num,.mono{font-family:var(--mono)}

/* ============ Каркас: сайдбар слева + контент ============ */
.sb{position:fixed;inset:0 auto 0 0;width:var(--sb);background:var(--panel-3);
  border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60}
.sb__logo{display:flex;align-items:center;gap:11px;padding:20px 18px 18px;
  border-bottom:1px solid var(--line-soft);color:var(--text)}
.logo__mark{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;
  background:#0D1321;border:1px solid var(--line);border-left:4px solid var(--amber);
  color:var(--blue);font-weight:700;font-size:19px;font-family:var(--mono)}
.sb__name{font-weight:700;font-size:17px;line-height:1.15}
.sb__name em{display:block;font:400 11px/1.3 "IBM Plex Sans";color:var(--text-3);font-style:normal}
.sb__nav{padding:12px 0;flex:1;overflow-y:auto}
.sb__nav a{display:block;color:var(--text-2);font-size:14.5px;font-weight:500;
  padding:9px 18px;border-left:3px solid transparent}
.sb__nav a:hover{color:var(--text);background:var(--panel)}
.sb__nav a.is-active{color:var(--text);background:var(--panel);border-left-color:var(--amber)}
.sb__nav .sb__group{padding:16px 18px 6px;font-size:10.5px;font-weight:600;
  letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}
.sb__auth{padding:16px 18px;border-top:1px solid var(--line-soft);display:grid;gap:8px}
.sb__foot{padding:12px 18px 16px;color:var(--text-3);font-size:12px}
.sb__foot a{color:var(--text-3)}

.content{margin-left:var(--sb);min-height:100vh;display:flex;flex-direction:column}
.main{flex:1;width:100%;max-width:1060px;padding:30px 36px 64px}

/* верхняя полоса — только мобильные */
.topbar{display:none;position:sticky;top:0;z-index:55;background:var(--panel-3);
  border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 14px;height:56px}
.topbar .logo__mark{width:30px;height:30px;font-size:16px}
.topbar b{font-size:16px}
.burger{margin-left:auto;background:none;border:1px solid var(--line);color:var(--text);
  font-size:17px;padding:5px 12px;cursor:pointer}
.sb__close{display:none;background:none;border:0;color:var(--text-3);font-size:22px;
  cursor:pointer;position:absolute;top:14px;right:12px}

/* ============ Кнопки ============ */
.btn{display:inline-block;background:var(--blue-btn);color:#fff;
  font:600 14.5px/1 "IBM Plex Sans";padding:12px 18px;border:0;cursor:pointer;text-align:center}
.btn:hover{background:var(--blue-btn-h);color:#fff}
.btn--lg{padding:15px 28px;font-size:15.5px}
.btn--ghost{background:transparent;border:1px solid var(--line);color:var(--text-2)}
.btn--ghost:hover{background:var(--panel);border-color:var(--blue);color:var(--text)}
.btn--amber{background:var(--amber);color:#0D1321}
.btn--amber:hover{background:#E5A31D;color:#0D1321}

/* ============ Сервисные блоки ============ */
.flash{margin:0 0 20px;padding:12px 16px;font-weight:500;border-left:4px solid}
.flash--ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.flash--err{background:var(--crit-bg);border-color:var(--crit);color:var(--crit)}
.note{background:var(--panel);border-left:4px solid var(--blue);padding:14px 16px;
  margin:16px 0;font-size:15px;color:var(--text-2)}
.note a{font-weight:600}
.empty{background:var(--panel);border:1px dashed var(--line);padding:30px;text-align:center;
  color:var(--text-3);grid-column:1/-1}

/* ============ Главная ============ */
.hero{display:grid;grid-template-columns:1fr 320px;gap:0;background:var(--panel);
  border:1px solid var(--line);margin-bottom:38px}
.hero__main{padding:34px 36px;border-left:4px solid var(--amber)}
.hero__title{font-size:clamp(24px,3vw,34px);margin:14px 0 12px}
.hero__title a{color:var(--text)}
.hero__title a:hover{color:var(--blue-h)}
.hero__lead{color:var(--text-2);font-size:16.5px;margin:0 0 16px;max-width:58ch}
.hero__meta{color:var(--text-3);font-size:13.5px;font-family:var(--mono)}
.hero__side{border-left:1px solid var(--line);padding:26px 24px;background:var(--panel-3)}
.side-title{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--text-3);margin:0 0 14px}
.mini-event{display:block;padding:12px 0;border-bottom:1px solid var(--line-soft);color:var(--text)}
.mini-event__date{color:var(--amber);font-family:var(--mono);font-size:12.5px;display:block}
.mini-event__title{font-weight:600;display:block;margin:3px 0;font-size:14.5px;line-height:1.4}
.mini-event__city{color:var(--text-3);font-size:13px}
.mini-event:hover .mini-event__title{color:var(--blue-h)}
.link-more{font-weight:600;font-size:14px;display:inline-block;margin-top:14px;font-family:var(--mono)}

.sec{margin:42px 0}
.sec__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.sec__head h2{margin:0}
.grid{display:grid;gap:14px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

.card{background:var(--panel);border:1px solid var(--line-soft);padding:20px;
  display:flex;flex-direction:column}
.card:hover{border-color:var(--line)}
.card h3{font-size:16.5px;line-height:1.35}
.card h3 a{color:var(--text)}
.card h3 a:hover{color:var(--blue-h)}
.card p{color:var(--text-2);font-size:14px;margin:.4em 0;flex:1}
.card__meta{color:var(--text-3);font-size:12.5px;margin-top:10px;font-family:var(--mono)}

.chip{display:inline-block;background:var(--panel-2);color:var(--text-2);
  padding:4px 12px;font-size:12.5px;font-weight:500;border:1px solid var(--line-soft)}
.chip--cat{color:var(--amber);border-color:transparent;background:rgba(255,182,39,.08);
  margin-bottom:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.chip.is-on{background:var(--blue-btn);color:#fff;border-color:var(--blue-btn)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.filters a.chip:hover{color:var(--text);border-color:var(--blue)}
.filters--form select{border:1px solid var(--line);background:var(--panel);
  padding:11px 12px;font:500 14.5px "IBM Plex Sans";color:var(--text);min-width:210px}

/* плитки калькуляторов */
.tool{display:flex;gap:14px;align-items:flex-start;background:var(--panel);
  border:1px solid var(--line-soft);padding:18px;color:var(--text)}
.tool:hover{border-color:var(--blue)}
.tool__num{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;
  background:rgba(255,182,39,.1);border-left:3px solid var(--amber);
  color:var(--amber);font-weight:700;font-size:19px;font-family:var(--mono)}
.tool__title{font-weight:600;line-height:1.35;display:block;font-size:15px}
.tool:hover .tool__title{color:var(--blue-h)}
.tool--big p{color:var(--text-2);font-size:13.5px;margin:.35em 0 0}
.tool__author{display:block;color:var(--text-3);font-size:12px;margin-top:6px;font-family:var(--mono)}

/* посты */
.post{background:var(--panel);border:1px solid var(--line-soft);padding:18px}
.post__head{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.post__sub{color:var(--text-3);font-size:13px}
.post__time{margin-left:auto;color:var(--text-3);font-size:12px;font-family:var(--mono)}
.post__body{color:var(--text-2)}
.post--full{margin-bottom:14px}
.ava{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;
  background:var(--panel-2);border:1px solid var(--line);color:var(--amber);
  font-weight:600;font-size:14px;font-family:var(--mono)}

/* идеи */
.idea{display:block;background:var(--panel);border:1px solid var(--line-soft);
  padding:20px;color:var(--text)}
.idea:hover{border-color:var(--blue)}
.idea h3{font-size:16.5px}
.idea:hover h3{color:var(--blue-h)}
.idea__facts{display:flex;gap:26px;margin:14px 0 0}
.idea__facts dt{color:var(--text-3);font-size:12px}
.idea__facts dd{margin:0;font-weight:600;color:var(--amber);font-family:var(--mono);font-size:15px}

.cta{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--blue);
  padding:40px;margin:46px 0 10px}
.cta h2{margin-bottom:8px}
.cta p{color:var(--text-2);margin:0 0 22px}

/* ============ Разделы ============ */
.page-head{margin:2px 0 26px}
.page-head p{color:var(--text-2);margin:.35em 0 0;font-size:16.5px}
.cols{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
.side-box{background:var(--panel);border:1px solid var(--line-soft);padding:18px;margin-bottom:16px}
.side-box h3{font-size:15px}
.side-box p{color:var(--text-2);font-size:13.5px}
.side-post{border-top:1px solid var(--line-soft);padding:10px 0 4px}
.side-post time{color:var(--text-3);font-size:12px;font-family:var(--mono)}
.side-post p{margin:2px 0 0;font-size:13.5px;color:var(--text-2)}

.composer{background:var(--panel);border:1px solid var(--line-soft);padding:16px;margin-bottom:18px}
.composer textarea{width:100%;border:1px solid var(--line);background:var(--panel-3);
  color:var(--text);padding:12px;font:400 15px/1.55 "IBM Plex Sans";resize:vertical}
.composer__bar{display:flex;justify-content:flex-end;margin-top:10px}

/* мероприятия */
.events{display:grid;gap:12px}
.event{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;
  background:var(--panel);border:1px solid var(--line-soft);padding:16px 20px;color:var(--text)}
.event:hover{border-color:var(--blue)}
.event h3{font-size:16px;margin:0 0 2px}
.event:hover h3{color:var(--blue-h)}
.event__date{text-align:center;background:var(--panel-3);border-left:3px solid var(--amber);padding:9px 6px}
.event__date b{display:block;font-size:23px;color:var(--amber);line-height:1;font-family:var(--mono)}
.event__date span{font-size:11px;color:var(--text-3)}
.event__meta{color:var(--text-3);font-size:13.5px}
.event__price{font-weight:600;color:var(--amber);white-space:nowrap;font-family:var(--mono)}
.event--past{opacity:.5}

/* рейтинг */
.orgs{display:grid;gap:12px}
.org{display:grid;grid-template-columns:50px 1fr auto;gap:18px;
  background:var(--panel);border:1px solid var(--line-soft);padding:20px}
.org__rank{display:grid;place-items:center;width:42px;height:42px;background:var(--panel-2);
  font-weight:700;font-size:17px;color:var(--text-3);font-family:var(--mono)}
.org:nth-child(-n+3) .org__rank{background:rgba(255,182,39,.12);color:var(--amber);
  border-left:3px solid var(--amber)}
.org h3{font-size:16.5px;margin-bottom:2px}
.org__meta{color:var(--text-3);font-size:13.5px;margin-bottom:6px}
.org__info p{margin:.2em 0;color:var(--text-2);font-size:14px}
.org__contacts{display:flex;gap:16px;flex-wrap:wrap;font-size:13.5px;color:var(--text-3);margin-top:8px}
.org__score{text-align:right}
.org__score b{display:block;font-size:21px;color:var(--amber);font-family:var(--mono)}
.org__score span{color:var(--text-3);font-size:12.5px}

/* ============ Статья / материал ============ */
.art{background:var(--panel);border:1px solid var(--line-soft);
  padding:clamp(22px,4vw,44px);max-width:880px}
.art__head{margin-bottom:18px}
.art__meta{color:var(--text-3);font-size:13.5px;font-family:var(--mono)}
.art__lead{color:var(--text-2);font-size:16.5px}
.art__img{margin:10px 0 18px;border:1px solid var(--line)}
.art__body{font-size:16.5px;max-width:70ch;color:var(--text-2)}
.art__body p{margin:0 0 1.15em}
.art__body h2{margin-top:1.6em;color:var(--text)}
.art__body h3{margin-top:1.5em;color:var(--text)}
.art__body strong{color:var(--text)}
.art__body ul,.art__body ol{padding-left:22px}
.art__body li{margin:7px 0}
.facts{display:flex;gap:30px;flex-wrap:wrap;background:var(--panel-3);
  border:1px solid var(--line-soft);padding:16px 20px;margin:0 0 22px}
.facts dt{color:var(--text-3);font-size:12px}
.facts dd{margin:0;font-weight:600;font-size:16px;color:var(--amber);font-family:var(--mono)}

/* таблицы в контенте */
.art__body table,.dose-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.art__body th,.art__body td,.dose-table th,.dose-table td{
  border:1px solid var(--line);padding:9px 12px;text-align:left}
.art__body th,.dose-table th{background:var(--panel-2);color:var(--text);font-weight:600}
.art__body tr:nth-child(even) td{background:var(--panel-3)}

/* ============ Автор калькулятора ============ */
.author-card{display:flex;gap:16px;align-items:center;background:var(--panel-3);
  border:1px solid var(--line-soft);border-left:4px solid var(--amber);
  padding:14px 18px;margin:0 0 24px}
.author-card__photo{flex:0 0 auto;width:58px;height:58px;object-fit:cover;border:1px solid var(--line)}
.author-card__ava{flex:0 0 auto;display:grid;place-items:center;width:58px;height:58px;
  background:var(--panel-2);border:1px solid var(--line);color:var(--amber);
  font-weight:700;font-size:19px;font-family:var(--mono)}
.author-card__label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.author-card__name{font-weight:700;font-size:16px;margin:2px 0}
.author-card__role{color:var(--text-2);font-size:13.5px}
.author-card__exp{color:var(--text-3);font-size:12.5px;font-family:var(--mono)}

/* ============ Калькулятор v2 ============ */
.calcbox{background:var(--panel-3);border:1px solid var(--line);padding:24px;margin:14px 0 8px}
.calc__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.cfield label{display:block;font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:7px}
.cfield input,.cfield select{width:100%;border:1px solid var(--line);background:var(--panel);
  color:var(--text);padding:12px 14px;font:600 16px var(--mono)}
.cfield select{font-family:"IBM Plex Sans";font-weight:500;font-size:15px}
.cfield input:focus,.cfield select:focus{border-color:var(--blue);outline:none}
.cfield .hint{font-size:12.5px;color:var(--text-3);margin-top:5px;line-height:1.45}
.ctoggle{display:flex;gap:0;border:1px solid var(--line)}
.ctoggle button{flex:1;padding:11px 8px;border:0;background:var(--panel);color:var(--text-2);
  cursor:pointer;font:600 13.5px "IBM Plex Sans";border-right:1px solid var(--line)}
.ctoggle button:last-child{border-right:0}
.ctoggle button.active{background:var(--blue-btn);color:#fff}
.calc-btn{margin-top:20px;width:100%}
.calc-error{display:none;background:var(--crit-bg);border-left:4px solid var(--crit);
  color:var(--crit);padding:12px 14px;margin-top:16px;font-size:14px}
.calc-result{display:none;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}
.calc-result.active,.calc-error.active{display:block}
.calc-params{font-size:13px;color:var(--text-3);margin-bottom:14px;font-family:var(--mono)}
.calc-params span{display:inline-block;margin-right:18px}
.calc-params strong{color:var(--text-2)}
.crow-primary{background:var(--panel);border-left:4px solid var(--amber);padding:14px 18px;margin:10px 0}
.crow-primary .clabel{font-size:13px;color:var(--text-2);font-weight:600}
.cvalue{display:block;font-size:30px;font-weight:700;color:var(--amber);
  font-family:var(--mono);margin-top:4px;line-height:1.15}
.cvalue small{font-size:16px;font-weight:600;color:var(--text-2)}
.ccat{display:inline-block;margin-top:6px;font-size:13.5px;font-weight:600}
.crow{background:var(--panel);border-left:3px solid var(--line);padding:11px 16px;margin:8px 0;
  display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.crow .clabel{font-size:14px;color:var(--text-2)}
.crow b{font-family:var(--mono);font-size:16.5px;color:var(--text);white-space:nowrap}
/* цветовые категории */
.crow-primary.c-ok{border-color:var(--ok);background:var(--ok-bg)} .c-ok .cvalue,.ccat.c-ok{color:var(--ok)}
.crow-primary.c-mid{border-color:var(--mid);background:var(--mid-bg)} .c-mid .cvalue,.ccat.c-mid{color:var(--mid)}
.crow-primary.c-hi{border-color:var(--hi);background:var(--hi-bg)} .c-hi .cvalue,.ccat.c-hi{color:var(--hi)}
.crow-primary.c-crit{border-color:var(--crit);background:var(--crit-bg)} .c-crit .cvalue,.ccat.c-crit{color:var(--crit)}
.crow-primary.c-low{border-color:var(--low);background:var(--low-bg)} .c-low .cvalue,.ccat.c-low{color:var(--low)}
.calc-note{background:var(--ok-bg);border-left:4px solid var(--ok);padding:12px 14px;
  margin-top:14px;font-size:14px;color:var(--text-2)}
.calc-warning{background:var(--mid-bg);border-left:4px solid var(--mid);padding:12px 14px;
  margin-top:12px;font-size:13.5px;color:var(--text-2)}
.calc-warning strong{color:var(--mid)}

/* группы калькуляторов */
.calc-group{margin:30px 0}
.calc-group__head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px;
  padding-bottom:8px;border-bottom:1px solid var(--line)}
.calc-group__head h2{margin:0;font-size:19px}
.calc-group__author{color:var(--text-3);font-size:12.5px;font-family:var(--mono)}

/* ============ Формы ============ */
.auth{max-width:420px;margin:30px 0;background:var(--panel);border:1px solid var(--line-soft);padding:32px}
.auth form{display:grid;gap:16px;margin:18px 0}
.auth label,.form-card label{display:block;font-size:13.5px;font-weight:600;color:var(--text)}
.auth input,.form-card input,.form-card textarea{width:100%;margin-top:6px;
  border:1px solid var(--line);background:var(--panel-3);color:var(--text);
  padding:12px;font:400 15px "IBM Plex Sans"}
.auth input:focus,.form-card input:focus,.form-card textarea:focus{border-color:var(--blue);outline:none}
.auth__sub{color:var(--text-2)}
.form-card{background:var(--panel);border:1px solid var(--line-soft);padding:24px}
.form-card .btn{margin-top:16px}
.form-hint{color:var(--text-3);font-size:13.5px;margin-top:-4px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}

/* реклама */
.ad{margin:0 0 22px}
.ad:empty{display:none}
.ad--article{margin:24px 0 0}

/* ============ Футер контентной части ============ */
.ft{border-top:1px solid var(--line);background:var(--panel-3);margin-top:auto}
.ft__in{max-width:1060px;padding:26px 36px;display:flex;gap:24px;justify-content:space-between;
  flex-wrap:wrap;color:var(--text-3);font-size:13px}
.ft__in a{color:var(--text-3)}
.ft__in a:hover{color:var(--text-2)}

/* ============ Адаптив ============ */
@media (max-width:1180px){.main{padding:26px 26px 56px}}
@media (max-width:980px){
  .sb{transform:translateX(-100%);transition:transform .18s ease;width:260px}
  .sb.open{transform:none;box-shadow:0 0 0 100vmax rgba(5,8,15,.6)}
  .sb__close{display:block}
  .content{margin-left:0}
  .topbar{display:flex}
  .hero{grid-template-columns:1fr}
  .hero__side{border-left:0;border-top:1px solid var(--line)}
  .grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}
  .cols{grid-template-columns:1fr}
}
@media (max-width:680px){
  .main{padding:18px 16px 48px}
  .grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .hero__main{padding:24px 20px}
  .event{grid-template-columns:66px 1fr}
  .event__price{grid-column:2}
  .org{grid-template-columns:1fr}
  .org__rank{display:none}
  .org__score{text-align:left}
  .cvalue{font-size:25px}
  .ft__in{padding:20px 16px}
}

/* ============================================================
   v3 — иконки, компактный сайдбар, навигация, анимация
   ============================================================ */

/* ---- SVG-иконки ---- */
.ic{width:20px;height:20px;flex:0 0 auto;vertical-align:middle;display:inline-block}
.ic--sm{width:16px;height:16px}
.ic--xs{width:13px;height:13px;margin-right:5px}
h1 .ic,h2 .ic,h3 .ic{vertical-align:-3px;margin-right:9px;color:var(--amber)}
.sec__head h2 .ic{color:var(--amber)}
.chip--cat .ic{vertical-align:-2px;color:inherit}
.link-more .ic--xs{margin:0 0 0 4px;transition:transform .15s ease}
.link-more:hover .ic--xs{transform:translateX(3px)}

/* ---- Компактный сайдбар без скролла ---- */
:root{--sb:214px}
.sb__logo{padding:16px 16px 14px;gap:10px}
.logo__mark{width:32px;height:32px;font-size:17px}
.sb__name{font-size:16px}
.sb__name em{font-size:10px;margin-top:1px}
.sb__nav{padding:8px 0;flex:1 1 auto;overflow-y:auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:1px}
.sb__nav a{display:flex;align-items:center;gap:11px;padding:7px 16px;font-size:13.5px;line-height:1.2}
.sb__nav a .ic{width:18px;height:18px;color:var(--text3);transition:color .15s ease}
.sb__nav a:hover .ic,.sb__nav a.is-active .ic{color:var(--amber)}
.sb__group{padding:11px 16px 4px;font-size:9.5px;letter-spacing:.13em}
.sb__auth{padding:12px 14px;gap:7px}
.sb__auth .btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:13.5px}
.sb__auth .btn .ic{width:16px;height:16px}
/* подвал-ссылку убрали из сайдбара в v3 (ушла в футер) — экономим высоту */

/* если контента в меню больше высоты экрана — разрешаем аккуратный скролл только там, тонкий */
@media (max-height:640px){
  .sb__nav{overflow-y:auto;justify-content:flex-start}
}
.sb__nav{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.sb__nav::-webkit-scrollbar{width:0}
.sb:hover .sb__nav::-webkit-scrollbar{width:6px}
.sb__nav::-webkit-scrollbar-thumb{background:var(--line)}

/* ---- Хлебные крошки ---- */
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0 0 20px;
  font-size:12.5px;color:var(--text3);font-family:var(--mono)}
.crumbs a{color:var(--text3)}
.crumbs a:hover{color:var(--blue)}
.crumbs span[aria-current]{color:var(--text2)}
.crumbs__sep{display:inline-flex;color:var(--text3);opacity:.6}
.crumbs__sep .ic{width:12px;height:12px}

/* ---- Пагинатор prev/next ---- */
.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.pager__link{display:flex;align-items:center;gap:12px;background:var(--panel);
  border:1px solid var(--line-soft);padding:14px 18px;color:var(--text);min-width:0}
.pager__link:hover{border-color:var(--blue);background:var(--panel-2)}
.pager__link--next{grid-column:2;text-align:right;justify-content:flex-end}
.pager__link span{display:flex;flex-direction:column;min-width:0}
.pager__link em{font-style:normal;font-size:11px;color:var(--text3);font-family:var(--mono);
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}
.pager__link span:not(em){font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pager__link .ic{color:var(--amber);transition:transform .18s ease}
.pager__link--prev:hover .ic{transform:translateX(-4px)}
.pager__link--next:hover .ic{transform:translateX(4px)}

/* ---- Автор под материалом ---- */
.author-card--foot{margin:30px 0 0;align-items:flex-start}
.author-card--foot .author-card__bio{color:var(--text-2);font-size:13.5px;margin:7px 0 0;max-width:64ch}
.author-card__role{display:flex;align-items:center;gap:6px}

/* ---- Плитки калькуляторов v3 ---- */
.tool{align-items:center}
.tool__num .ic{color:var(--amber);width:22px;height:22px}
.tool--big{gap:16px}
.tool__body{flex:1;min-width:0}
.tool__go{flex:0 0 auto;color:var(--text3);transition:transform .18s ease,color .18s ease}
.tool:hover .tool__go{color:var(--amber);transform:translateX(4px)}
.tool__author{display:flex;align-items:center;gap:4px}
.tool__author .ic{color:var(--text3)}
.calc-group__head{align-items:center}
.calc-group__icon{display:grid;place-items:center;width:34px;height:34px;
  background:rgba(255,182,39,.1);border-left:3px solid var(--amber)}
.calc-group__icon .ic{color:var(--amber);width:19px;height:19px}

/* события/мета с иконками */
.event__meta .ic,.mini-event__date .ic,.mini-event__city .ic{color:var(--text3);vertical-align:-2px;margin-right:4px}
.art__meta{display:flex;flex-wrap:wrap;gap:16px}
.art__meta span{display:inline-flex;align-items:center}
.art__meta .ic{color:var(--text3);margin-right:5px}
.org__contacts a .ic{vertical-align:-2px;margin-right:3px}

/* ---- Правая панель (hero__side) компактнее ---- */
.hero__side{padding:22px 20px}
.mini-event{padding:10px 0}
.mini-event__title{font-size:13.5px;margin:2px 0}

/* ============================================================
   Анимация
   ============================================================ */
/* появление блоков при скролле */
.reveal{transition:opacity .5s ease,transform .5s cubic-bezier(.22,.61,.36,1)}
.reveal.pending{opacity:0;transform:translateY(14px)}
.reveal.in{opacity:1;transform:none}
.reveal.in:nth-child(2){transition-delay:.05s}
.reveal.in:nth-child(3){transition-delay:.1s}
.reveal.in:nth-child(4){transition-delay:.15s}

/* пульс янтарной точки в лого */
.logo__mark{position:relative;overflow:hidden}
.logo__mark::before{content:"";position:absolute;right:4px;bottom:4px;width:6px;height:6px;
  background:var(--amber);animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}

/* подсветка активного пункта меню — мягкое проявление полоски */
.sb__nav a{position:relative}
.sb__nav a.is-active{border-left-color:transparent}
.sb__nav a.is-active::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:0;background:var(--amber);animation:growbar .3s ease forwards}
@keyframes growbar{to{height:66%}}

/* hero — лёгкий въезд при загрузке */
.hero{animation:heroIn .6s cubic-bezier(.22,.61,.36,1) both}
@keyframes heroIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* кнопки — микровзаимодействие */
.btn{transition:background .15s ease,transform .08s ease}
.btn:active{transform:translateY(1px)}

/* карточки/плитки — приподнимание */
.card,.tool,.idea,.event,.org,.pager__link{transition:border-color .15s ease,background .15s ease,transform .15s ease}
.card:hover,.tool:hover,.idea:hover,.event:hover,.org:hover{transform:translateY(-2px)}

/* результат калькулятора — проявление */
.calc-result.active{animation:resIn .32s ease both}
@keyframes resIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.crow-primary{animation:resIn .4s ease both}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal.pending{opacity:1;transform:none;transition:none}
  .logo__mark::before,.hero,.calc-result.active,.crow-primary,.sb__nav a.is-active::before{animation:none}
  .sb__nav a.is-active{border-left-color:var(--amber)}
}

/* правка футера: иконка карты сайта */
.ft__in a{display:inline-flex;align-items:center;gap:6px}
.ft__in .ic{color:var(--text3)}

/* тонкий скроллбар всей страницы в тему */
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line)}
::-webkit-scrollbar-thumb:hover{background:#30405f}

/* ---- Оглавление материала (TOC) ---- */
.toc{background:var(--panel-3);border:1px solid var(--line-soft);border-left:3px solid var(--blue);
  padding:16px 20px;margin:4px 0 24px}
.toc__head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
.toc__head .ic{color:var(--blue)}
.toc__list{list-style:none;margin:0;padding:0;counter-reset:toc}
.toc__list>li{counter-increment:toc;margin:4px 0}
.toc__list>li>a{display:inline-flex;gap:9px;color:var(--text-2);font-size:14.5px;line-height:1.5}
.toc__list>li>a::before{content:counter(toc,decimal-leading-zero);color:var(--amber);
  font-family:var(--mono);font-size:12.5px;flex:0 0 auto;padding-top:2px}
.toc__list>li>a:hover{color:var(--blue-h)}
.toc__sub{margin-left:26px!important}
.toc__sub>a{font-size:13.5px;color:var(--text-3)}
.toc__sub>a::before{content:"–";color:var(--text-3)}

/* якоря: отступ, чтобы залипший топбар не перекрывал заголовок */
.art__body h2,.art__body h3{scroll-margin-top:20px}
@media (max-width:980px){.art__body h2,.art__body h3{scroll-margin-top:72px}}

/* подсветка заголовка, на который только что перешли */
.art__body :target{animation:targetGlow 1.6s ease}
@keyframes targetGlow{0%,30%{color:var(--amber)}100%{color:var(--text)}}

/* H2 внутри оглавления как смысловой разделитель */
.toc__group-item{counter-increment:none!important;margin-top:10px!important;
  padding-top:8px;border-top:1px solid var(--line-soft)}
.toc__group-item>a{color:var(--text)!important;font-weight:600}
.toc__group-item>a::before{content:""!important;padding:0!important}

/* ============================================================
   Страница мероприятия (event page) — тёмная тема B-Chat
   ============================================================ */
.ep{max-width:880px}
.ep-hero{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);
  padding:clamp(24px,4vw,40px);margin-bottom:22px;position:relative;overflow:hidden}
.ep-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;
  background:radial-gradient(circle,rgba(77,141,255,.1),transparent 70%);pointer-events:none}
.ep-hero__badge{display:inline-block;background:rgba(255,182,39,.1);color:var(--amber);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 12px;border:1px solid rgba(255,182,39,.25);margin-bottom:16px}
.ep-hero h1{font-size:clamp(23px,3.2vw,34px);margin:0 0 12px}
.ep-hero__sub{color:var(--text-2);font-size:16.5px;max-width:62ch;margin:0 0 20px}
.ep-hero__meta{display:flex;flex-wrap:wrap;gap:10px}
.ep-hero__pill{display:inline-flex;align-items:center;gap:7px;background:var(--panel-3);
  border:1px solid var(--line);color:var(--text-2);font-size:13.5px;font-weight:500;padding:8px 14px}
.ep-hero__pill .ic{color:var(--text-3)}
.ep-hero__pill--free{color:var(--ok);border-color:rgba(61,220,151,.3);background:var(--ok-bg)}
.ep-hero__pill--free .ic{color:var(--ok)}
.ep-hero__pill--pay{color:var(--amber);border-color:rgba(255,182,39,.3);background:rgba(255,182,39,.07)}
.ep-hero__pill--pay .ic{color:var(--amber)}

/* Stats */
.ep-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.ep-stat{background:var(--panel);border:1px solid var(--line-soft);border-top:3px solid var(--amber);
  padding:18px 16px;text-align:center}
.ep-stat__num{display:block;font-family:var(--mono);font-size:1.9em;font-weight:700;color:var(--amber);line-height:1}
.ep-stat__label{display:block;color:var(--text-3);font-size:12.5px;margin-top:6px}

/* Cards */
.ep-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:26px}
.ep-card{background:var(--panel);border:1px solid var(--line-soft);padding:18px;transition:transform .15s,border-color .15s}
.ep-card:hover{transform:translateY(-3px);border-color:var(--blue)}
.ep-card__icon{display:grid;place-items:center;width:44px;height:44px;background:rgba(77,141,255,.1);
  border-left:3px solid var(--blue);margin-bottom:12px}
.ep-card__icon .ic{color:var(--blue);width:22px;height:22px}
.ep-card__label{display:block;color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.ep-card__value{display:block;color:var(--text);font-weight:600;font-size:15px;margin-top:4px}

/* Sections */
.ep-section{margin:30px 0}
.ep-section h2{display:flex;align-items:center;gap:9px;font-size:21px;margin:0 0 14px;
  padding-bottom:10px;border-bottom:1px solid var(--line)}
.ep-section h2 .ic{color:var(--amber)}
.ep-section p{color:var(--text-2);font-size:16px;margin:0 0 1em;max-width:70ch}
.ep-citation{background:var(--panel-3);border-left:4px solid var(--blue);padding:16px 20px;
  color:var(--text);font-size:16.5px;line-height:1.6;margin:0 0 16px}
.ep-list{list-style:none;padding:0;margin:0}
.ep-list li{position:relative;padding:8px 0 8px 26px;color:var(--text-2);border-bottom:1px solid var(--line-soft)}
.ep-list li::before{content:"";position:absolute;left:4px;top:15px;width:7px;height:7px;background:var(--amber)}
.ep-list li b{color:var(--text)}

/* Tags */
.ep-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ep-tag{background:var(--panel-2);color:var(--text-2);border:1px solid var(--line-soft);
  font-size:13px;padding:5px 12px;font-family:var(--mono)}

/* Table */
.ep-table{width:100%;border-collapse:collapse;margin:4px 0}
.ep-table td{border:1px solid var(--line);padding:11px 14px;color:var(--text-2);font-size:14.5px}
.ep-table tr:hover td{background:var(--panel-2)}
.ep-table td:first-child{color:var(--text);font-weight:500}
.ep-badge{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:3px 10px}
.ep-badge--yes{background:var(--ok-bg);color:var(--ok)}
.ep-badge--pay{background:rgba(255,182,39,.1);color:var(--amber)}
.ep-badge--no{background:var(--panel-3);color:var(--text-3)}

/* Orgs / speakers */
.ep-orgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.ep-org{background:var(--panel);border:1px solid var(--line-soft);border-left:3px solid var(--blue);padding:16px}
.ep-org b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}
.ep-org span{color:var(--text-3);font-size:13.5px}

/* Register */
.ep-register{background:var(--panel-3);border:1px solid var(--line);padding:clamp(22px,3vw,34px);margin:30px 0}
.ep-register h2{display:flex;align-items:center;gap:9px;color:var(--text);font-size:21px;margin:0 0 16px;border:0;padding:0}
.ep-register h2 .ic{color:var(--amber)}
.ep-register__steps{display:grid;gap:12px;margin-bottom:22px}
.ep-register__step{display:flex;align-items:center;gap:14px;color:var(--text-2);font-size:15px}
.ep-register__step-num{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;
  background:var(--blue-btn);color:#fff;font-family:var(--mono);font-weight:700}
.ep-register__btns{display:flex;flex-wrap:wrap;gap:12px}
.ep-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;font-weight:600;font-size:15px;cursor:pointer}
.ep-btn--primary{background:var(--amber);color:#0D1321}
.ep-btn--primary:hover{background:#E5A31D;color:#0D1321}
.ep-btn--outline{background:transparent;border:1px solid var(--line);color:var(--text-2)}
.ep-btn--outline:hover{border-color:var(--blue);color:var(--text)}

/* FAQ */
.ep-faq__item{background:var(--panel);border:1px solid var(--line-soft);margin-bottom:8px}
.ep-faq__q{cursor:pointer;padding:14px 18px;font-weight:600;color:var(--text);font-size:15.5px;
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ep-faq__q::-webkit-details-marker{display:none}
.ep-faq__q::after{content:"";flex:0 0 auto;width:10px;height:10px;border-right:2px solid var(--amber);
  border-bottom:2px solid var(--amber);transform:rotate(45deg);transition:transform .2s}
.ep-faq__item[open] .ep-faq__q{border-bottom:1px solid var(--line-soft);background:var(--panel-3)}
.ep-faq__item[open] .ep-faq__q::after{transform:rotate(-135deg)}
.ep-faq__a{padding:14px 18px;margin:0;color:var(--text-2);font-size:15px;line-height:1.6}

@media (max-width:680px){
  .ep-stats{grid-template-columns:repeat(2,1fr)}
  .ep-register__btns .ep-btn{flex:1;justify-content:center}
}
@media (max-width:400px){
  .ep-stats{grid-template-columns:1fr}
}

/* ============================================================
   Блок экспертов под материалом: Автор статьи / Проверено / Обновлено
   ============================================================ */
.experts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 0;padding-top:22px;border-top:1px solid var(--line)}
.expert{display:flex;gap:14px;align-items:flex-start;background:var(--panel-3);border:1px solid var(--line-soft);
  border-left:4px solid var(--amber);padding:14px 16px}
.expert:nth-child(2){border-left-color:var(--blue)}
.expert__photo{flex:0 0 auto;width:54px;height:54px;object-fit:cover;border:1px solid var(--line)}
.expert__ava{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;background:var(--panel-2);
  border:1px solid var(--line);color:var(--amber);font-weight:700;font-size:17px;font-family:var(--mono)}
.expert:nth-child(2) .expert__ava{color:var(--blue)}
.expert__label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.expert__name{font-weight:700;font-size:15.5px;margin:2px 0;color:var(--text)}
.expert__role{color:var(--text-2);font-size:13.5px}
.expert__exp{color:var(--text-3);font-size:12.5px;font-family:var(--mono);margin-top:2px}
.experts__date{grid-column:1/-1;color:var(--text-3);font-size:13px;font-family:var(--mono);display:flex;align-items:center}
.art--widget{max-width:900px}
@media (max-width:680px){.experts{grid-template-columns:1fr}}

/* ---- Каталог калькуляторов: навигация по разделам и подкатегории ---- */
.calc-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.calc-nav a{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line-soft);
  color:var(--text-2);font-size:13.5px;font-weight:500;padding:7px 12px}
.calc-nav a:hover{border-color:var(--blue);color:var(--text)}
.calc-nav a .ic{color:var(--amber);margin:0}
.calc-nav a span{color:var(--text-3);font-family:var(--mono);font-size:12px}
.calc-group{scroll-margin-top:24px}
.calc-group__desc{color:var(--text-3);font-size:13.5px;margin-top:2px}
.calc-sub{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);
  margin:18px 0 10px;padding-left:12px;border-left:3px solid var(--amber)}
.calc-sub:first-of-type{margin-top:6px}
@media (max-width:980px){.calc-group{scroll-margin-top:72px}}

/* ---- Капча «монета в кошелёк» и ловушка ---- */
.hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.cap{margin:18px 0 20px}
.cap__label{font-size:13.5px;color:var(--text-2);margin-bottom:10px}
.cap__track{position:relative;height:54px;background:var(--panel-3);border:1px solid var(--line);overflow:hidden;user-select:none;touch-action:none}
.cap__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(255,182,39,.18),rgba(255,182,39,.05))}
.cap__hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-3);font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.cap__coin{position:absolute;left:3px;top:3px;width:48px;height:48px;display:grid;place-items:center;cursor:grab;background:var(--panel);border:1px solid var(--line);will-change:transform}
.cap__coin:active{cursor:grabbing}
.cap__coin svg{width:30px;height:30px}
.cap__wallet{position:absolute;right:10px;top:0;bottom:0;display:flex;align-items:center;color:var(--text-3)}
.cap__wallet svg{width:26px;height:26px}
.cap--ok .cap__track{border-color:var(--ok)}
.cap--ok .cap__hint{color:var(--ok)}
.cap--ok .cap__wallet{color:var(--ok)}
.cap--ok .cap__coin{border-color:var(--ok)}

/* ---- Уровни, баллы, лайки, отзывы, компании ---- */
.lvl{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line);color:var(--text-2);vertical-align:middle}
.lvl--sm{font-size:10px;padding:2px 6px}
.lvl--member{color:var(--blue);border-color:rgba(77,141,255,.4)}
.lvl--active{color:var(--ok);border-color:rgba(61,220,151,.4)}
.lvl--expert{color:var(--amber);border-color:rgba(255,182,39,.5)}
.lvl--leader{color:#0D1321;background:var(--amber);border-color:var(--amber)}
.lvl--premium,.lvl--verified{color:#0D1321;background:var(--ok);border-color:var(--ok)}
.lvlbox{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);padding:22px 24px;margin-bottom:22px}
.lvlbox__head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.lvlbox__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.lvlbox__name{font-size:22px;font-weight:700;margin:4px 0}
.lvlbox__desc{color:var(--text-2);font-size:14px;max-width:60ch}
.lvlbox__pts{text-align:right}
.lvlbox__pts b{display:block;font-family:var(--mono);font-size:34px;color:var(--amber);line-height:1}
.lvlbox__pts span{color:var(--text-3);font-size:12px}
.lvlbox__bar{height:8px;background:var(--panel-3);margin:16px 0 8px;border:1px solid var(--line-soft)}
.lvlbox__bar div{height:100%;background:linear-gradient(90deg,var(--blue),var(--amber));transition:width .6s}
.lvlbox__next{color:var(--text-2);font-size:13.5px}
.lvlbox__levels{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.lvlbox__levels span{font-size:12px;padding:5px 10px;border:1px solid var(--line-soft);color:var(--text-3)}
.lvlbox__levels span em{font-style:normal;font-family:var(--mono);opacity:.7;margin-left:4px}
.lvlbox__levels span.is-on{color:var(--text);border-color:var(--amber)}
.lvlbox__levels span.is-prem.is-on{border-color:var(--ok);color:var(--ok)}
.tbl-wrap{overflow-x:auto;margin:10px 0 18px}
.rules{width:100%;border-collapse:collapse;font-size:13.5px}
.rules th,.rules td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.rules th{background:var(--panel-3);color:var(--text);font-weight:600}
.rules td{color:var(--text-2)}
.rules .is-cur{background:rgba(255,182,39,.08);color:var(--text)}
.plain{list-style:none;padding:0}
.plain li{padding:6px 0 6px 18px;position:relative;color:var(--text-2);font-size:14.5px}
.plain li::before{content:"";position:absolute;left:2px;top:13px;width:6px;height:6px;background:var(--amber)}
.prem{border-left:4px solid var(--ok)}
.likebar{display:flex;align-items:center;gap:14px;margin:26px 0 10px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.like-btn{display:inline-flex;align-items:center;gap:8px;background:var(--panel-3);border:1px solid var(--line);color:var(--text);padding:10px 16px;font-weight:600;cursor:pointer;font-family:inherit}
.like-btn:hover,.like-btn.is-on{border-color:var(--amber);color:var(--amber)}
.like-btn b{font-family:var(--mono)}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--amber);color:#0D1321;font-weight:700;padding:12px 20px;opacity:0;transition:all .3s;z-index:999;font-family:var(--mono)}
.toast.in{opacity:1;transform:translateX(-50%) translateY(0)}
.review{background:var(--panel);border:1px solid var(--line-soft);padding:16px 18px;margin-bottom:10px}
.review__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:14px}
.review__stars{color:var(--amber);letter-spacing:2px}
.review__head time{color:var(--text-3);font-size:12.5px;margin-left:auto}
.review p{color:var(--text-2);margin:0;font-size:15px}
.calc-sub a{color:inherit}
.calc-sub__intro{color:var(--text-3);font-size:13.5px;margin:-4px 0 12px;max-width:80ch}
.form-card h3{margin:22px 0 8px;font-size:16px}

/* ---- Кабинет v12: деятельность, логотип, интервью; карточка компании ---- */
.cab-nav{margin-top:10px}
.calc-nav a.is-on{border-color:var(--amber);color:var(--text)}
.acts{margin:14px 0}
.acts__label{font-size:13.5px;color:var(--text-2);margin-bottom:8px}
.acts__group{border:1px solid var(--line-soft);margin-bottom:6px}
.acts__group summary{cursor:pointer;padding:9px 12px;font-weight:600;font-size:14px;color:var(--text)}
.acts__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px;padding:4px 12px 10px}
.acts__item{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-2);cursor:pointer;font-weight:400;margin:0}
.acts__item input{width:auto;margin:0}
.logo-row{display:flex;gap:18px;align-items:center}
.logo-row__img{width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:6px;flex:0 0 auto}
.logo-row__img--empty{display:grid;place-items:center;background:var(--panel-3);color:var(--text-3);font-family:var(--mono);font-size:12px}
.iv-q{display:block;margin:18px 0 0;font-weight:600;color:var(--text)}
.iv-q small{display:block;font-weight:400;margin:4px 0 8px}
.iv-q__num{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--amber);color:#0D1321;font-family:var(--mono);font-size:13px;margin-right:6px}
.company__head{display:flex;gap:22px;align-items:flex-start;margin-bottom:22px}
.company__logo{width:120px;height:120px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:8px;flex:0 0 auto}
.company__logo--empty{display:grid;place-items:center;background:var(--panel-3);color:var(--amber);font-weight:700;font-size:28px;font-family:var(--mono)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.chips .chip{font-size:12.5px}
.post h3{margin:6px 0 8px;font-size:17px}
@media (max-width:640px){.company__head{flex-direction:column}.logo-row{flex-direction:column;align-items:flex-start}}

/* ---- Кабинет v13: вкладки, квест, темы лендинга ---- */
.cab-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.cab-head__links{display:flex;gap:8px;flex-wrap:wrap}
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 22px;position:sticky;top:0;background:var(--bg);z-index:5;padding-top:4px}
.tabs a{padding:10px 14px;color:var(--text-2);font-weight:600;font-size:14px;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs a:hover{color:var(--text)}
.tabs a.is-on{color:var(--amber);border-bottom-color:var(--amber)}
.tabs a span{font-family:var(--mono);font-size:11px;color:var(--text-3);margin-left:4px}
.tab{display:none}.tab.is-on{display:block;animation:fadeTab .25s ease}
@keyframes fadeTab{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.quest{display:flex;gap:26px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);padding:24px;margin-bottom:16px}
.quest__ring{--p:0;flex:0 0 auto;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:conic-gradient(var(--amber) calc(var(--p)*1%),var(--panel-3) 0);position:relative}
.quest__ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--panel)}
.quest__ring b,.quest__ring span{position:relative}.quest__ring b{display:block;font-family:var(--mono);font-size:26px;color:var(--amber);line-height:1}.quest__ring span{font-size:11px;color:var(--text-3)}
.quest__body h2{margin:0 0 6px;font-size:20px}.quest__body p{margin:0 0 14px}
.steps{list-style:none;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.steps li{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"n t p" "n h p";align-items:center;gap:2px 10px;background:var(--panel);border:1px solid var(--line-soft);padding:10px 12px}
.steps li.is-done{opacity:.6}.steps li.is-done .steps__n{background:var(--ok);color:#0D1321}
.steps li.is-next{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}
.steps__n{grid-area:n;display:grid;place-items:center;width:28px;height:28px;background:var(--panel-3);color:var(--text-2);font-family:var(--mono);font-weight:700;font-size:13px}
.steps li a{grid-area:t;color:var(--text);font-weight:600;font-size:14px}.steps li.is-done a{text-decoration:line-through}
.steps li small{grid-area:h;color:var(--text-3);font-size:12px}
.steps li em{grid-area:p;font-style:normal;font-family:var(--mono);color:var(--amber);font-weight:700;font-size:13px}
.lazy{border-left:4px solid var(--blue)}
.lazy__site{display:flex;gap:8px;margin-bottom:12px}.lazy__site input{flex:1}
.lazy__step{margin:14px 0 6px;font-size:14px;color:var(--text-2)}
.lazy__row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:18px}
.theme{display:block;border:2px solid var(--line);padding:8px;cursor:pointer;position:relative;font-weight:400;margin:0}
.theme input{position:absolute;opacity:0}
.theme.is-cur,.theme:has(input:checked){border-color:var(--amber)}
.theme.is-locked{opacity:.55;cursor:not-allowed}
.theme__pre{display:block;height:84px;background:var(--tbg);border-radius:var(--tr);position:relative;overflow:hidden;margin-bottom:8px}
.theme__pre i{position:absolute;left:10px;top:12px;width:48%;height:9px;background:var(--ttext);border-radius:3px;opacity:.9}
.theme__pre u{position:absolute;left:10px;top:28px;width:34%;height:6px;background:var(--ttext);opacity:.5;border-radius:3px}
.theme__pre b{position:absolute;left:10px;bottom:12px;width:36%;height:16px;background:var(--tacc);border-radius:calc(var(--tr)/2)}
.theme__pre::after{content:"";position:absolute;right:10px;top:12px;width:34%;height:60px;background:var(--tbg2);border-radius:var(--tr)}
.theme__name{display:block;font-weight:700;font-size:14px;color:var(--text)}.theme__name small{color:var(--amber);font-size:11px;font-family:var(--mono)}
.theme__desc{display:block;color:var(--text-3);font-size:12px;line-height:1.35}
.form-grid--adv{grid-template-columns:1fr 2fr;margin-bottom:6px}
.gal-edit{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:14px}
.gal-edit div{position:relative}.gal-edit img{width:100%;aspect-ratio:1;object-fit:cover}.gal-edit form{position:absolute;top:4px;right:4px}
@media (max-width:640px){.quest{flex-direction:column;text-align:center}.form-grid--adv{grid-template-columns:1fr}.tabs{position:static}}

/* ---- Бизнес-идеи v14 ---- */
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:12px 0 20px}
.icard{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-soft);color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s}
.icard:hover{transform:translateY(-3px);border-color:var(--amber)}
.icard__img{display:block;aspect-ratio:16/10;background:var(--panel-3);overflow:hidden}
.icard__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.icard:hover .icard__img img{transform:scale(1.04)}
.icard__img--gen{display:grid;place-items:center;background:linear-gradient(135deg,#1A2439,#0F1726);border-bottom:3px solid var(--amber)}
.icard__img--gen span{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-3);font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.icard__img--gen .ic{width:30px;height:30px;color:var(--amber)}
.icard__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.icard__cat{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-family:var(--mono)}
.icard__title{font-weight:700;font-size:16px;line-height:1.3}
.icard__meta{font-size:12.5px;color:var(--text-3);font-family:var(--mono)}.icard__meta b{color:var(--text-2);font-weight:500}
.art__cover{margin:0 0 20px}.art__cover img{width:100%;max-height:460px;object-fit:cover;border:1px solid var(--line)}.art__cover figcaption{color:var(--text-3);font-size:13px;margin-top:6px}
.istats{margin:0 0 22px}
.art--idea .art__body figure{margin:22px 0}.art--idea .art__body figure img{width:100%;border:1px solid var(--line)}.art--idea .art__body figcaption{color:var(--text-3);font-size:13.5px;margin-top:6px}
.expert-quote{margin:0 0 1.2em;padding:18px 22px;background:var(--panel);border-left:4px solid var(--amber);color:var(--text)}
.expert-quote p{margin:0 0 .6em}.expert-quote cite{display:block;font-style:normal;color:var(--text-3);font-size:13.5px;font-family:var(--mono)}
.art--idea .art__body table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:14.5px}.art--idea .art__body th,.art--idea .art__body td{border:1px solid var(--line);padding:9px 12px;text-align:left}.art--idea .art__body th{background:var(--panel-3)}

/* ---- v15: подборки идей, магазин баллов ---- */
.colls{margin:8px 0 26px}.colls h2{font-size:18px;margin:0 0 12px}
.colls__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.coll{display:grid;grid-template-columns:38px 1fr;grid-template-areas:"i n" "i c" "i s";gap:2px 12px;background:var(--panel);border:1px solid var(--line-soft);padding:12px 14px;color:var(--text);text-decoration:none;transition:border-color .15s}
.coll:hover{border-color:var(--amber)}
.coll__ic{grid-area:i;display:grid;place-items:center;width:38px;height:38px;background:var(--panel-3);border-left:3px solid var(--amber);color:var(--amber)}
.coll__name{grid-area:n;font-weight:700;font-size:14.5px}.coll__n{grid-area:c;font-family:var(--mono);font-size:12px;color:var(--amber)}.coll__subs{grid-area:s;font-size:12px;color:var(--text-3);line-height:1.35}
.chips--links{color:var(--text-3);font-size:13px;align-items:center}.chips--links .chip{color:var(--text-2)}.chips--links .chip:hover{color:var(--amber)}
.shop{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:14px 0 22px}
.shop__item{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line-soft);border-top:3px solid var(--amber);padding:16px}
.shop__item.is-off{opacity:.6;border-top-color:var(--line)}
.shop__item b{font-size:15px}.shop__desc{color:var(--text-3);font-size:13px;line-height:1.4;flex:1}
.shop__row{display:flex;justify-content:space-between;align-items:center;gap:10px}.shop__row em{font-style:normal;font-family:var(--mono);color:var(--amber);font-weight:700}

/* ---- v16: меню кабинета слева, сообщения, чаты ---- */
.sb__back{color:var(--text-3)!important;margin-bottom:6px}.ic--flip{transform:rotate(180deg)}
.sb__me{padding:10px 14px 12px;border:1px solid var(--line-soft);margin:4px 0 10px;display:flex;flex-direction:column;gap:4px}
.sb__me b{font-size:14px}.sb__me span.pts{font-family:var(--mono);font-size:12px;color:var(--amber)}
.sb__badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;background:var(--amber);color:#0D1321;font-family:var(--mono);font-size:11px;font-weight:700;margin-left:6px;font-style:normal;vertical-align:middle}
.sb__tab.is-active{color:var(--amber)}
@media (min-width:981px){.tabs--mobile{display:none}}
.form-grid--adv3{grid-template-columns:90px 1fr 2fr;margin-bottom:6px}
details.more{border:1px solid var(--line-soft);padding:0 14px;margin:8px 0 14px}details.more summary{cursor:pointer;padding:10px 0;font-weight:600;font-size:14px;color:var(--text-2)}details.more[open] summary{border-bottom:1px solid var(--line-soft);margin-bottom:10px}
.dlg-list{display:flex;flex-direction:column;gap:6px}
.dlg{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line-soft);padding:12px 14px;color:var(--text);text-decoration:none}
.dlg:hover{border-color:var(--amber)}.dlg.is-unread{border-left:3px solid var(--amber)}
.dlg__ava{width:44px;height:44px;display:grid;place-items:center;background:var(--panel-3);color:var(--amber);font-weight:700;font-family:var(--mono);overflow:hidden}.dlg__ava img{width:100%;height:100%;object-fit:cover}
.dlg__body{display:flex;flex-direction:column;gap:2px;min-width:0}.dlg__last{color:var(--text-3);font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlg__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px;color:var(--text-3);font-family:var(--mono)}.dlg__meta em{font-style:normal;background:var(--amber);color:#0D1321;padding:1px 7px;font-weight:700}
.thread{display:flex;flex-direction:column;gap:10px;margin:0 0 16px;max-height:60vh;overflow-y:auto;padding:4px}
.msg{max-width:78%;background:var(--panel);border:1px solid var(--line-soft);padding:10px 14px;align-self:flex-start}
.msg--me{align-self:flex-end;background:rgba(77,141,255,.12);border-color:rgba(77,141,255,.35)}
.msg b{display:block;font-size:13px;margin-bottom:4px;color:var(--text-2)}.msg p{margin:0;font-size:15px}.msg time{display:block;font-size:11.5px;color:var(--text-3);font-family:var(--mono);margin-top:4px}
.chat-form{display:flex;gap:10px;align-items:flex-end}.chat-form textarea{flex:1;margin:0}
.tool.is-my{border-color:var(--amber)}

/* ---- v17: уведомления, заявки, выбор первого экрана, иконки ---- */
.form-card h2 .ic,.notifs h2 .ic{color:var(--amber);vertical-align:-3px;margin-right:4px}
.notifs{background:var(--panel);border:1px solid var(--line);padding:16px 18px;margin-bottom:14px}
.notifs__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.notifs__head h2{margin:0;font-size:17px}
.notif{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:9px 6px;border-top:1px solid var(--line-soft);color:var(--text-2);font-size:14px;text-decoration:none;animation:slideIn .4s calc(var(--i)*.05s) both}
.notif.is-new{color:var(--text);background:rgba(255,182,39,.06)}.notif:hover{color:var(--amber)}
.notif__ic{display:grid;place-items:center;width:28px;height:28px;background:var(--panel-3);color:var(--amber)}.notif time{font-family:var(--mono);font-size:11.5px;color:var(--text-3);white-space:nowrap}
@keyframes slideIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:14px;border:1px solid var(--amber);background:rgba(255,182,39,.08);color:var(--text);text-decoration:none;animation:pulseB 2s infinite}
.alert .ic{color:var(--amber)}@keyframes pulseB{0%,100%{box-shadow:0 0 0 0 rgba(255,182,39,.0)}50%{box-shadow:0 0 0 4px rgba(255,182,39,.15)}}
.leads{display:flex;flex-direction:column;gap:8px}
.lead{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;background:var(--panel);border:1px solid var(--line-soft);border-left:4px solid var(--line);padding:12px 14px}
.lead--new{border-left-color:var(--amber)}.lead--work{border-left-color:var(--blue)}.lead--done{border-left-color:var(--ok);opacity:.75}.lead--spam{opacity:.45}
.lead__main p{margin:6px 0;color:var(--text-2);font-size:14px}.lead__main time{font-family:var(--mono);font-size:11.5px;color:var(--text-3)}.lead__st select{margin:0}
.hero-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:10px}
.hero-pick__item{border:2px solid var(--line);padding:10px;cursor:pointer;font-weight:400;margin:0;position:relative}.hero-pick__item input{position:absolute;opacity:0}.hero-pick__item.is-cur,.hero-pick__item:has(input:checked){border-color:var(--amber)}
.hero-pick__item b{display:block;font-size:13.5px;margin-top:6px}.hero-pick__item small{color:var(--text-3);font-size:12px;line-height:1.3;display:block}
.hero-pick__pre{display:block;height:64px;background:var(--panel-3);position:relative;overflow:hidden}
.hero-pick__pre i{position:absolute;left:8px;top:14px;width:44%;height:8px;background:var(--text-2)}.hero-pick__pre b{position:absolute;left:8px;top:30px;width:28%;height:12px;background:var(--amber)}
.hero-pick__pre--cover{background:linear-gradient(135deg,#4D8DFF55,#FFB62755)}.hero-pick__pre--split::after{content:"";position:absolute;right:8px;top:8px;width:40%;height:48px;background:var(--line)}.hero-pick__pre--center i{left:28%}.hero-pick__pre--center b{left:36%}
.form-grid--rev{grid-template-columns:1fr 1fr 90px 3fr;margin-bottom:6px}
input[type=range]{width:100%;accent-color:var(--amber)}
@media (max-width:640px){.form-grid--rev{grid-template-columns:1fr 1fr}.form-grid--adv3{grid-template-columns:1fr}.lead{grid-template-columns:1fr}.tbl-wrap table{font-size:12.5px}.tbl-wrap td,.tbl-wrap th{padding:6px}}
/* связанный контент */
.rel{margin:34px 0 10px}.rel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.rel__g{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-family:var(--mono);margin-bottom:8px}
.rel__item{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line-soft);color:var(--text);text-decoration:none}
.rel__item:hover b{color:var(--amber)}.rel__item img{width:44px;height:44px;object-fit:cover}.rel__ic{display:grid;place-items:center;width:44px;height:44px;background:var(--panel-3);color:var(--amber)}
.rel__item b{display:block;font-size:14px;line-height:1.3}.rel__item small{color:var(--text-3);font-size:12px}

/* ======== v18: нативные элементы под тему, контраст бейджей, светлая тема ======== */
:root{color-scheme:dark}
select,input[type=file],input[type=date],input[type=time],input[type=number],option{background:var(--panel-3);color:var(--text);border-color:var(--line)}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239FADC4' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px!important}
input[type=file]::file-selector-button{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:7px 12px;margin-right:10px;cursor:pointer;font:inherit}
input[type=range]{background:transparent;border:0;padding:0}
details summary::marker,details summary::-webkit-details-marker{color:var(--amber)}
.sb__me{color:var(--text)}.sb__me > span.pts{color:var(--amber);font-family:var(--mono);font-size:12px}
.sb__me .lvl{align-self:flex-start}
.lvl--premium,.lvl--verified,.lvl--leader{color:#0D1321!important}
.lvl--premium.lvl--sm,.lvl--verified{font-weight:700}

/* --- переключатель темы --- */
.theme-toggle{display:flex;align-items:center;gap:8px;margin:6px 16px 10px;padding:8px 10px;border:1px solid var(--line-soft);background:var(--panel);color:var(--text-2);cursor:pointer;font:inherit;font-size:13px}
.theme-toggle:hover{border-color:var(--amber);color:var(--text)}
.theme-toggle .ic{color:var(--amber)}.theme-toggle .tt-light,html[data-theme=light] .theme-toggle .tt-dark{display:none}html[data-theme=light] .theme-toggle .tt-light{display:inline}

/* --- светлая тема --- */
html[data-theme=light]{color-scheme:light}
html[data-theme=light]{
  --bg:#F4F6FA; --panel:#FFFFFF; --panel-2:#F0F3F8; --panel-3:#E9EDF4;
  --line:#CBD3E1; --line-soft:#DEE4EE;
  --text:#101828; --text-2:#3F4A5E; --text-3:#6B7689;
  --blue:#1F55D6; --blue-h:#1543B0; --blue-btn:#2E6BFF; --blue-btn-h:#1F55D6;
  --amber:#C47A00;
  --ok:#0E8A5A; --mid:#9A6B00; --hi:#B45309; --crit:#C62828; --low:#1F55D6;
  --ok-bg:#E6F6EE; --mid-bg:#FFF4D6; --hi-bg:#FFEBD9; --crit-bg:#FDE4E4; --low-bg:#E3ECFF;
}
html[data-theme=light] ::selection{background:#FFB627;color:#101828}
html[data-theme=light] .lvl--premium,html[data-theme=light] .lvl--verified{background:#0E8A5A;color:#fff!important}
html[data-theme=light] .lvl--leader{background:#C47A00;color:#fff!important}
html[data-theme=light] .toast{background:#C47A00;color:#fff}
html[data-theme=light] .btn--primary,html[data-theme=light] .btn:not(.btn--ghost):not(.btn--danger):not(.btn--sm){color:#fff}
html[data-theme=light] .logo__mark{color:#fff}
html[data-theme=light] .quest__ring::before{background:var(--panel)}
html[data-theme=light] .steps li.is-done .steps__n{background:#0E8A5A;color:#fff}
html[data-theme=light] .sb__badge,html[data-theme=light] .lvlbox__pts b{color:#fff}html[data-theme=light] .lvlbox__pts b{color:#C47A00}
html[data-theme=light] .icard__img--gen{background:linear-gradient(135deg,#E9EDF4,#F0F3F8)}
html[data-theme=light] .cap__coin svg circle:first-child{fill:#C47A00}
html[data-theme=light] .experts,html[data-theme=light] .expert__ava{color:var(--text)}
/* калькуляторы и виджеты (встроенный CSS с тёмными hex) */
html[data-theme=light] [class^="calc-"] .calculator-container,html[data-theme=light] [class^="calc-"] .content-section,html[data-theme=light] [class^="calc-"] .result,html[data-theme=light] [class^="calc-"] .info-note,html[data-theme=light] [class^="calc-"] .dose-row,html[data-theme=light] [class^="calc-"] .dose-row-primary,html[data-theme=light] [class^="calc-"] .calc-faq__item,html[data-theme=light] [class^="calc-"] .dose-table td,html[data-theme=light] [class^="calc-"] .dose-table th,html[data-theme=light] [class^="calc-"] .dose-table tr:nth-child(even) td,html[data-theme=light] [class^="calc-"] .calc-faq__item[open] .calc-faq__q{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] [class^="calc-"] input,html[data-theme=light] [class^="calc-"] select,html[data-theme=light] [class^="calc-"] .toggle{background:var(--panel-3)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] [class^="calc-"] h2,html[data-theme=light] [class^="calc-"] h3,html[data-theme=light] [class^="calc-"] label,html[data-theme=light] [class^="calc-"] p,html[data-theme=light] [class^="calc-"] li,html[data-theme=light] [class^="calc-"] .calc-faq__q,html[data-theme=light] [class^="calc-"] .calc-faq__a,html[data-theme=light] [class^="calc-"] .cat-text,html[data-theme=light] [class^="calc-"] .result-params{color:var(--text)!important}
html[data-theme=light] [class^="calc-"] .input-hint,html[data-theme=light] [class^="calc-"] .warning{color:var(--text-2)!important}
html[data-theme=light] [class^="calc-"] .dose-highlight{color:#C47A00!important}
html[data-theme=light] [class^="calc-"] .warning,html[data-theme=light] [class^="calc-"] .error-block{background:#FFF4D6!important;border-color:#C47A00!important}
html[data-theme=light] .ep,html[data-theme=light] .ep-hero,html[data-theme=light] .ep-card,html[data-theme=light] .ep-section,html[data-theme=light] .ep-stat,html[data-theme=light] .ep-register,html[data-theme=light] .ep-faq__item,html[data-theme=light] .ep-table td,html[data-theme=light] .ep-table th{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=light] .ep h1,html[data-theme=light] .ep h2,html[data-theme=light] .ep h3,html[data-theme=light] .ep p,html[data-theme=light] .ep li,html[data-theme=light] .ep-hero__sub,html[data-theme=light] .ep-card__value,html[data-theme=light] .ep-faq__q,html[data-theme=light] .ep-faq__a{color:var(--text)!important}
html[data-theme=light] .ep-citation{background:var(--panel-2)!important}
html[data-theme=light] .ep-btn--primary{color:#fff!important}

/* ---- v18: режимы кабинета, подсказки, коучмарки, шеринг ---- */
.mode{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:4px 6px 4px 10px;margin-right:6px}
.mode__label{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono)}
.mode__btn{background:transparent;border:1px solid transparent;color:var(--text-2);font:inherit;font-size:13px;font-weight:600;padding:5px 10px;cursor:pointer}
.mode__btn.is-on{background:var(--amber);color:#0D1321;border-color:var(--amber)}
.tip{display:grid;grid-template-columns:34px 1fr;gap:12px;background:linear-gradient(90deg,rgba(255,182,39,.10),transparent);border:1px solid var(--line-soft);border-left:3px solid var(--amber);padding:12px 14px;margin-bottom:14px;animation:fadeTab .4s}
.tip__ic{display:grid;place-items:center;width:34px;height:34px;background:var(--panel-3);color:var(--amber)}
.tip b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-family:var(--mono);margin-bottom:4px}
.tip p{margin:0 0 4px;font-size:14px;color:var(--text-2)}
.is-hidden{display:none!important}
.adv-note{margin:10px 0;padding:10px 14px;border:1px dashed var(--line);color:var(--text-3);font-size:13px}
.is-coached{outline:2px solid var(--amber);outline-offset:4px;animation:coachPulse 1.6s infinite}
@keyframes coachPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,182,39,0)}50%{box-shadow:0 0 0 6px rgba(255,182,39,.18)}}
.coach{display:grid;grid-template-columns:28px 1fr;grid-template-areas:"a t" "a h";gap:0 10px;align-items:center;background:var(--amber);color:#0D1321;padding:10px 14px;margin:10px 0 6px;position:relative}
.coach::after{content:"";position:absolute;left:22px;bottom:-9px;border:9px solid transparent;border-top-color:var(--amber);border-bottom:0}
.coach__arrow{grid-area:a;font-size:22px;font-weight:800;animation:bounceY 1.2s infinite}.coach b{grid-area:t;font-size:14px}.coach small{grid-area:h;font-size:12px;opacity:.85}
@keyframes bounceY{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.share__btns{display:flex;flex-wrap:wrap;gap:8px}
.share__btn{padding:10px 16px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .15s}.share__btn:hover{transform:translateY(-2px);color:#fff}
.share__btn--vk{background:#0077FF}.share__btn--tg{background:#229ED9}.share__btn--wa{background:#25D366}.share__btn--ok{background:#EE8208}