/* Разделы: карточки и списки — симптом → решение, мифы, темы, стена номеров,
   колонки, чек-лист, вопросы, автор, подсказки, паспорт сбоку, веса критериев. */

/* ---------- симптом → что делать ---------- */
.tb-fix{margin:0;display:grid;gap:10px}
.tb-fix>div{
  display:grid;gap:6px;padding:14px 16px;border-radius:var(--radius-2);
  background:var(--tb-surface);border:var(--border-size-1) solid var(--tb-line-soft);
}
.tb-fix dt{display:flex;align-items:center;gap:10px;font-family:var(--tb-font);font-weight:var(--font-weight-6);color:#fff}
.tb-fix dt .tb-i{width:20px;height:20px;color:var(--tb-warn);flex:none}
.tb-fix dd{margin:0;font-size:var(--font-size-0);color:var(--tb-muted)}
@media (min-width:860px){.tb-fix>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:center;gap:20px}}

/* ---------- миф / факт ---------- */
.tb-myths{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tb-myths li{border-radius:14px;overflow:hidden;border:var(--border-size-1) solid var(--tb-line)}
.tb-myths p{margin:0;padding:12px 16px;font-size:var(--font-size-0)}
.tb-myths__m{background:rgba(255,66,0,.1);color:var(--tb-text)}
.tb-myths__m::before{content:"Myth";display:block;font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-0);letter-spacing:var(--font-letterspacing-3);text-transform:uppercase;color:var(--tb-hot-ink);margin-bottom:4px}
.tb-myths__f{background:rgba(61,220,151,.07);color:var(--tb-muted)}
.tb-myths__f::before{content:"What actually happens";display:block;font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-0);letter-spacing:var(--font-letterspacing-3);text-transform:uppercase;color:var(--tb-good);margin-bottom:4px}
@media (min-width:860px){.tb-myths{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- темы ---------- */
.tb-themes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tb-themes li{
  padding:18px;border-radius:14px;background:var(--tb-bg-2);border:var(--border-size-1) solid var(--tb-line);
  border-top:3px solid var(--tb-brand-soft);
}
.tb-themes li:nth-child(even){border-top-color:var(--tb-hot)}
.tb-themes .tb-i{width:24px;height:24px;color:var(--tb-brand-ink);margin-bottom:8px;display:block}
.tb-themes h3{font-size:var(--font-size-2);margin-bottom:6px}
.tb-themes p{margin:0;font-size:var(--font-size-0);color:var(--tb-muted)}
@media (min-width:760px){.tb-themes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- стена номеров ---------- */
.tb-numwall{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:tbnw}
.tb-numwall li{counter-increment:tbnw;position:relative;padding:18px 18px 18px 70px;border-radius:14px;background:var(--tb-surface);border:var(--border-size-1) solid var(--tb-line-soft)}
.tb-numwall li::before{
  content:counter(tbnw,decimal-leading-zero);position:absolute;left:16px;top:14px;
  font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-5);line-height:1;
  background:linear-gradient(160deg,var(--tb-brand-soft) 0%,var(--tb-hot) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.tb-numwall h3{font-size:var(--font-size-2);margin-bottom:4px}
.tb-numwall p{margin:0;font-size:var(--font-size-0);color:var(--tb-muted)}
@media (min-width:860px){.tb-numwall{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- две колонки текста ---------- */
.tb-cols{display:grid;gap:var(--size-5)}
.tb-cols article{padding-top:14px;border-top:2px solid var(--tb-line)}
.tb-cols h3{display:flex;align-items:center;gap:10px;font-size:var(--font-size-2)}
.tb-cols h3 .tb-i{width:20px;height:20px;color:var(--tb-hot);flex:none}
.tb-cols p{font-size:var(--font-size-0);color:var(--tb-muted)}
@media (min-width:860px){.tb-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--size-7)}}

/* ---------- чек-лист с полосой ---------- */
.tb-checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tb-checklist label{
  display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;cursor:pointer;
  background:var(--tb-surface);border:var(--border-size-1) solid var(--tb-line-soft);font-size:var(--font-size-0);color:var(--tb-text);
}
.tb-checklist input{width:20px;height:20px;accent-color:var(--tb-hot);flex:none;margin:0}
.tb-checklist input:checked+span{color:var(--tb-muted);text-decoration:line-through}
@media (min-width:860px){.tb-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tb-meter{height:10px;border-radius:var(--radius-round);background:var(--tb-surface-2);overflow:hidden;margin-top:var(--size-4)}
.tb-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--tb-brand) 0%,var(--tb-hot) 100%);transition:width .3s var(--ease-2)}
.tb-meter__t{font-size:var(--font-size-0);color:var(--tb-muted);margin:6px 0 0}

/* ---------- карточки-вопросы ---------- */
.tb-qcards{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.tb-qcards li{padding:18px;border-radius:14px;background:linear-gradient(160deg,rgba(143,0,255,.14) 0%,rgba(32,2,42,.6) 100%);border:var(--border-size-1) solid var(--tb-line)}
.tb-qcards h3{font-size:var(--font-size-2);margin-bottom:6px;display:flex;gap:8px}
.tb-qcards h3::before{content:"Q";font-family:var(--tb-font);color:var(--tb-hot);flex:none}
.tb-qcards p{margin:0;font-size:var(--font-size-0);color:var(--tb-muted)}
@media (min-width:760px){.tb-qcards{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- автор ---------- */
.tb-person{
  display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:var(--size-5);
  border-radius:18px;border:var(--border-size-1) solid var(--tb-line);background:var(--tb-bg-2);
}
.tb-initials{
  width:72px;height:72px;border-radius:var(--radius-round);display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,var(--tb-brand) 0%,var(--tb-hot) 120%);color:#fff;
  font-family:var(--tb-font);font-weight:var(--font-weight-8);font-size:var(--font-size-4);
}
.tb-person h3{margin-bottom:2px}
.tb-person__role{display:block;font-size:var(--font-size-0);color:var(--tb-hot-ink);margin-bottom:8px}
.tb-person p{font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-person ul{margin:0;padding-left:18px;font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-people{display:grid;gap:14px}
@media (min-width:860px){.tb-people{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- подсказка и заметка ---------- */
.tb-tip{
  display:flex;gap:12px;align-items:flex-start;margin-top:var(--size-5);padding:14px 16px;border-radius:14px;
  background:rgba(61,220,151,.08);border:var(--border-size-1) dashed rgba(61,220,151,.45);
}
.tb-tip .tb-i{width:22px;height:22px;color:var(--tb-good);flex:none;margin-top:2px}
.tb-tip p{margin:0;font-size:var(--font-size-0);color:var(--tb-text)}
.tb-tip strong{display:block;margin-bottom:2px}
.tb-note{font-size:var(--font-size-0);color:var(--tb-muted);border-left:3px solid var(--tb-line);padding-left:12px;margin-top:var(--size-4)}

/* ---------- текст + паспорт сбоку ---------- */
.tb-split>.tb-wrap{display:grid;gap:var(--size-5)}
@media (min-width:900px){.tb-split>.tb-wrap{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.tb-passport{
  border-radius:18px;padding:var(--size-5);background:linear-gradient(170deg,#3b1a52 0%,#20022a 100%);
  border:var(--border-size-1) solid var(--tb-brand-soft);
}
.tb-passport__t{font-family:var(--tb-font);font-weight:var(--font-weight-8);color:#fff;margin-bottom:var(--size-3)}
.tb-passport dl{margin:0;display:grid;gap:10px}
.tb-passport dl>div{display:grid;gap:2px;padding-bottom:10px;border-bottom:var(--border-size-1) solid var(--tb-line-soft)}
.tb-passport dl>div:last-child{border-bottom:0;padding-bottom:0}
.tb-passport dt{display:flex;align-items:center;gap:8px;font-size:var(--font-size-0);color:var(--tb-muted)}
.tb-passport dt .tb-i{width:16px;height:16px;color:var(--tb-hot-ink)}
.tb-passport dd{margin:0;color:#fff;font-weight:var(--font-weight-6);font-size:var(--font-size-0)}
.tb-passport__f{margin:var(--size-3) 0 0;font-size:var(--font-size-0);color:var(--tb-muted)}

/* ---------- критерии с весами ---------- */
.tb-weights{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tb-weights li{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.tb-weights b{color:#fff;font-family:var(--tb-font)}
.tb-weights em{font-style:normal;font-family:var(--tb-font);font-weight:var(--font-weight-8);color:var(--tb-hot-ink)}
.tb-weights i{grid-column:1/-1;height:8px;border-radius:var(--radius-round);background:var(--tb-surface-2);overflow:hidden;display:block}
.tb-weights i::after{content:"";display:block;height:100%;width:var(--w,50%);background:linear-gradient(90deg,var(--tb-brand) 0%,var(--tb-hot) 100%)}
.tb-weights span{grid-column:1/-1;font-size:var(--font-size-0);color:var(--tb-muted)}

/* ---------- определение ---------- */
.tb-defn{
  position:relative;padding:var(--size-5) var(--size-5) var(--size-5) 64px;border-radius:18px;
  background:var(--tb-surface);border:var(--border-size-1) solid var(--tb-line);
}
.tb-defn>.tb-i{position:absolute;left:20px;top:24px;width:28px;height:28px;color:var(--tb-hot)}
.tb-defn dfn{font-style:normal;font-family:var(--tb-font);font-weight:var(--font-weight-8);color:#fff}
.tb-defn p{margin:0 0 var(--size-3)}
.tb-defn p:last-child{margin:0}

/* ---------- тёмная полоса-призыв внутри раздела ---------- */
.tb-cta-band{
  display:grid;gap:var(--size-4);align-items:center;margin-top:var(--size-5);padding:var(--size-5);border-radius:18px;
  background:linear-gradient(100deg,#7e1acc 0%,#eb5328 100%);color:#fff;
}
.tb-cta-band h3{margin:0 0 4px;font-size:var(--font-size-3)}
.tb-cta-band p{margin:0;color:rgba(255,255,255,.9);font-size:var(--font-size-0)}
.tb-cta-band .tb-btn{--_bg:#fff;--_fg:#4a0086;justify-self:start}
@media (min-width:760px){.tb-cta-band{grid-template-columns:1fr auto}}