/* «Обсудим вслух» — тренажёр раздела /t/: общий вид даёт site.css, здесь только свои блоки. Собирает tools/build.py. */
.b-wrap,.b-nabor,.b-ov,#b-holod{--bg:var(--t-bg);--paper:var(--t-surface);--ink:var(--t-text);--muted:var(--t-muted);--line:var(--t-border);--soft:var(--t-surface-2);--accent:var(--t-c-blizhe,#96492a);--accent-soft:var(--t-c-blizhe-soft,#f6e5da);--green:var(--t-primary);--green-soft:var(--t-primary-soft);--on-accent:#fff;--serif:var(--t-serif);--sans:var(--t-sans);--gutter:var(--t-gutter);--r:var(--t-radius)}
@media screen and (prefers-color-scheme:dark){.b-wrap,.b-nabor,.b-ov,#b-holod{--accent:var(--t-c-blizhe,#e39a74);--accent-soft:var(--t-c-blizhe-soft,#3b2a21);--on-accent:#181614}}
.b-wrap{font-size:17px;line-height:1.6}
.b-wrap a{text-underline-offset:3px}
.b-wrap p,.b-wrap li{max-width:78ch}
.b-wrap h2{margin:0 0 .5em}
/* «Обсудим вслух» (ветка «Подразумеваемое») — свой стиль, в родстве с Коучингом и единым стилем PDF автора:
   Literata для вопросов, Golos Text для служебного; терракота и зелёный. Шрифты — от корня /t/assets/fonts. Одна колонка. */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(/t/assets/fonts/golostext-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 700;font-display:swap;src:url(/t/assets/fonts/golostext-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(/t/assets/fonts/literata-normal-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Literata';font-style:normal;font-weight:400 700;font-display:swap;src:url(/t/assets/fonts/literata-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'Literata';font-style:italic;font-weight:400 700;font-display:swap;src:url(/t/assets/fonts/literata-italic-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}



.b-crumbs{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;font-size:14px;color:var(--muted);margin:14px 0 18px}
.b-crumbs > span[aria-hidden]{opacity:.6}
.b-crumbs a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;min-height:28px}
.b-crumbs a:hover{color:var(--ink);text-decoration:underline}
.b-crumbs [aria-current]{color:var(--ink)}
.b-hero{padding:8px 0 22px;border-bottom:1px solid var(--line);margin-bottom:8px}
.b-kicker{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600;color:var(--accent);margin:0 0 8px}
.b-deviz{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2.4vw,1.4rem);color:var(--accent);margin:-4px 0 10px}
.b-lead{font-family:var(--serif);font-size:clamp(1.1rem,2.2vw,1.3rem);line-height:1.55}
.b-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.b-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:2px solid var(--accent);
  background:var(--accent);color:var(--on-accent);font:600 1rem var(--sans);text-decoration:none;cursor:pointer}
.b-btn:hover{color:var(--on-accent);filter:brightness(1.08)}
.b-btn-2{background:transparent;color:var(--accent)}
.b-btn-2:hover{color:var(--accent)}
.b-btn[hidden]{display:none}
.b-quote{margin:18px 0 0;padding:12px 18px;border-left:3px solid var(--accent);font-family:var(--serif);font-style:italic;font-size:1.15rem}
.b-quote p{margin:0}
.b-quote footer{font-style:normal;font-family:var(--sans);font-size:.9rem;color:var(--muted);margin-top:4px}

.b-block{padding:26px 0;border-bottom:1px solid var(--line)}
.b-steps{padding-left:1.3em}
.b-steps li{margin:.35em 0}
.b-note{color:var(--muted);font-size:.95rem}
.b-label{font-weight:600;color:var(--accent);margin:.6em 0 .2em}
.b-ogl{columns:auto 15em;padding-left:1.3em;margin:.4em 0 0}
.b-ogl li{margin:.2em 0;break-inside:avoid}
.b-num{display:inline-grid;place-items:center;min-width:1.7em;height:1.7em;margin-right:.45em;border-radius:50%;background:var(--accent-soft);
  color:var(--accent);font:700 .9em var(--sans);vertical-align:.08em}
.b-pom{display:inline-block;background:var(--green-soft);color:var(--green);border-radius:8px;padding:2px 10px;font-size:.92rem}

.b-cards{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}
.b-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;max-width:none}
.b-card-t{font-family:var(--serif);font-size:1.15rem;margin-right:8px}
.b-tag{display:inline-block;font-size:.78rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:1px 9px;margin:4px 6px 0 0;vertical-align:.15em}
.b-tag-d{color:var(--green);border-color:var(--green)}
.b-lines{display:none}
.b-utoch{background:var(--soft);border-radius:var(--r);padding:10px 18px}
.b-utoch ul{margin:.2em 0;padding-left:1.2em}

.b-table{overflow-x:auto}
.b-wrap table{border-collapse:collapse;width:100%;background:var(--paper);border-radius:var(--r)}
.b-wrap th,.b-wrap td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.b-wrap thead th{font-size:.9rem;color:var(--muted)}
.b-wrap tbody th{font-family:var(--serif)}
@media screen and (max-width:600px){
  .b-table table,.b-table tbody,.b-table tr,.b-table th,.b-table td{display:block;width:auto}
  .b-table thead{display:none}
  .b-table tr{padding:10px 14px;border-bottom:1px solid var(--line)}
  .b-table th,.b-table td{border:0;padding:2px 0}
  .b-table tbody th{font-size:1.1rem}
  .b-table td::before{content:attr(data-l) ': ';font-weight:600;color:var(--muted)}
}
.b-ist{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:6px 18px 10px;margin:14px 0}
.b-vopros{font-family:var(--serif);font-style:italic}
.b-nelovko{list-style:none;padding:0}
.b-nelovko li{margin:.5em 0}
.b-list{background:var(--paper);border:1px dashed var(--accent);border-radius:var(--r);padding:6px 18px}
.b-links{padding-left:1.2em}
.b-links li{margin:.35em 0}
.b-quiet{color:var(--muted);font-size:.95rem;border-bottom:0}

.b-situ{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;color:var(--ink);text-decoration:none}
.b-situ:hover{border-color:var(--accent);color:var(--ink)}
.b-situ-t{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:600;margin-bottom:4px}
.b-situ-d{display:block;color:var(--muted)}
.b-situ-k{padding:12px 16px}
.b-situ-k .b-situ-t{font-size:1.12rem;margin-bottom:2px}
.b-situ-k .b-situ-d{font-size:.92rem}
.b-napr .b-situs{gap:8px}

/* значки действий (Lucide, Tabler) — линия цветом темы, рядом с текстом */
.b-ic{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
h2 > .b-ic{color:var(--accent);margin-right:.4em;width:1em;height:1em;vertical-align:-.12em}
.b-btn > .b-ic{margin-right:.5em}
.b-nabor-n .b-ic{color:var(--accent);margin-right:.35em}
.b-situs{display:grid;gap:12px;margin-top:12px;list-style:none;padding:0}
.b-situs li[hidden],.b-napr[hidden]{display:none}
/* главная: по четыре ситуации в направлении; остальные — при поиске (b-ishchem) и на странице направления */
[data-skolko]:not(.b-ishchem) .b-situs li[data-dop]{display:none}
[data-skolko].b-ishchem .b-napr-vse{display:none}
.b-napr-vse{margin:10px 0 0;font-weight:600}
/* на главной ситуации — короткой строкой: название; кто и сколько вопросов — на странице направления и ситуации */
#situacii .b-situ-k{padding:10px 14px}
#situacii .b-situ-k .b-situ-t{font-size:1.05rem;margin:0}
#situacii .b-situ-k .b-situ-d{display:none}
/* первый экран главной: три шага, факты, ссылки под кнопкой */
.b-hero-shagi{margin:14px 0 10px;padding-left:1.4em}
.b-hero-shagi li{margin:.45em 0;line-height:1.5}
.b-fakty{color:var(--muted);font-size:.95rem;margin:10px 0 16px}
.b-hero-ssylki{margin:10px 0 0;color:var(--muted);font-size:.95rem}
.b-tag-n{color:var(--accent);border-color:var(--accent)}
/* «Свой набор» — полоска внизу экрана, пока в наборе есть карточки ([ПОД-58]) */
.b-nab{background:none;border:0;font:inherit;font-size:.82rem;color:var(--muted);cursor:pointer;text-decoration:underline;min-height:44px;padding:0 4px}
.b-nab[aria-pressed=true]{color:var(--accent)}
.b-nabor{position:fixed;left:0;right:0;bottom:0;z-index:15;padding:6px var(--gutter) calc(8px + env(safe-area-inset-bottom));
  background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.08)}
.b-nabor-r{display:flex;align-items:center;gap:8px;max-width:46rem}
.b-nabor-r + .b-nabor-r{margin-top:2px}
.b-nabor .b-btn,.b-nabor .b-btn-3{margin:0;padding:0 14px;font-size:.92rem}
.b-nabor-n{font-weight:600;font-size:.92rem;flex:1}
.b-nabor-x{width:44px;justify-content:center;padding:0 !important;font-size:1.3rem !important}
body.b-nabor-on{padding-bottom:116px}
.b-nabor[hidden]{display:none}
.b-naugad .b-card-big{margin:6px 0 4px}
@media print{.b-nabor,.b-nab,#pozvat,#naugad{display:none !important}}
.b-situ .b-tag{margin:0 6px 6px 0}
/* меню направлений на главной ([ПОД-29], [ПОД-40]) */
.b-napr{margin:26px 0 8px}
.b-napr h3{font-family:var(--serif);font-size:1.35rem;margin:0 0 2px;display:flex;align-items:center;gap:10px}
.b-napr h3 a{color:var(--ink);text-decoration:none}
.b-napr h3 a:hover{color:var(--accent);text-decoration:underline}
/* значки направлений — рисунки автора; цвет задаёт тема (маска по прозрачности рисунка) */
.b-znak{display:inline-block;flex:none;width:44px;height:44px;background:var(--accent);
  -webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.b-znak-l{width:72px;height:72px;margin-bottom:8px}
.b-napr > .b-note{margin:0}
.b-napr-n{display:block;font-weight:600}
.b-filtr{display:flex;flex-wrap:wrap;margin:12px 0 4px}
.b-napr-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}
.b-napr-nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.b-napr-nav a:hover{border-color:var(--accent);color:var(--ink)}
.b-napr-nav .b-znak{width:28px;height:28px}
.b-why{padding-left:1.2em}
.b-why li{margin:.35em 0;font-family:var(--serif);font-size:1.08rem}
.b-slovo p{font-family:var(--serif);font-size:1.08rem}
.b-ask{display:inline-block;font-size:.82rem;color:var(--muted);margin-left:4px;padding:4px 2px;vertical-align:.1em}
.b-ask:hover{color:var(--accent)}
.b-print-only{display:none}
.b-btn-3{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink);font:600 .92rem var(--sans);cursor:pointer;margin:0 6px 6px 0}
.b-btn-3:hover{border-color:var(--accent)}
.b-btn-3.b-on{background:var(--green-soft);border-color:var(--green);color:var(--green)}
/* серые кнопки встречи носят и .b-btn: наведение главной кнопки красило их текст в белый на белом (замечание автора 09.11) */
.b-btn.b-btn-3:hover{color:var(--ink);filter:none;background:var(--paper)}
.b-btn.b-btn-3.b-on:hover{color:var(--green);background:var(--green-soft)}
.b-actions .b-btn{margin:0 6px 6px 0}
.b-alt .b-btn{min-height:44px;padding:0 14px;font-size:.92rem}

#b-holod{display:none}
/* встреча на одном телефоне */
.b-hero-s{padding-bottom:10px}
.b-vs{max-width:46rem}
.b-vs-bar{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0 0 8px}
.b-f{margin:14px 0;border:0;padding:0}
.b-f label,.b-f legend{display:block;font-weight:600;margin-bottom:6px}
.b-f fieldset label,.b-f legend + label{font-weight:400}
fieldset.b-f label{display:inline-flex;align-items:center;gap:6px;font-weight:400;margin:4px 14px 4px 0;min-height:44px}
p.b-f > label{display:flex;align-items:center;gap:8px;min-height:44px}
.b-chk{display:flex !important;align-items:center;gap:8px;font-weight:400 !important;min-height:44px}
.b-in{width:100%;font:inherit;font-size:1.05rem;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px}
.b-in:focus{outline:2px solid var(--accent);outline-offset:1px}
.b-in-s{width:9em;display:inline-block;min-height:36px;padding:4px 8px}
textarea.b-in{resize:vertical}
.b-wrap input[type=checkbox],.b-wrap input[type=radio]{width:22px;height:22px;accent-color:var(--accent)}
.b-card-big{font-family:var(--serif);font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.35;margin:8px 0 14px}
.b-otv p{margin:.4em 0;font-size:1.08rem}
.b-dg{color:var(--muted);font-size:.95rem;padding-left:12px;border-left:2px solid var(--green-soft)}
.b-sovp{font-weight:600;color:var(--green)}
.b-klyuch{font-family:var(--serif);font-size:1.25rem;font-style:italic;margin:18px 0 6px}
.b-otm{margin:12px 0}
.b-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b-vs-priv{margin-top:30px}
.b-ov{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,18,16,.55);display:grid;place-items:center;z-index:20;padding:16px}
.b-ov-in{background:var(--paper);color:var(--ink);border-radius:var(--r);padding:20px 22px;max-width:34rem;width:100%;max-height:90vh;overflow:auto}
.b-itog h3{margin-top:.8em}


@media print{
  @page{margin:14mm}
  body{background:#fff;color:#000;font-size:11pt}
  .b-top,.b-crumbs,.b-actions,.b-foot,.b-skip,.b-ogl,#temy p,.b-ask,.b-vs-bar,.b-vs-priv,.b-hero-s{display:none}
  .b-print-only{display:block;margin-top:12pt;font-size:9pt;color:#555}
  .b-vs > *:not(h2):not(.b-itog){display:none}
  body.b-holod-on > *:not(#b-holod){display:none !important}
  #b-holod{display:block;font-family:var(--serif)}
  .b-holod-z{font-size:24pt;font-weight:600;margin:0 0 4pt}
  .b-holod-s{font-size:12pt;font-style:italic;color:#555;margin:0 0 14pt}
  #b-holod ol{font-size:18pt;line-height:1.4;padding-left:1.2em}
  #b-holod li{margin:0 0 12pt}
  #b-holod small{display:block;font-size:11pt;color:#555;font-family:var(--sans)}
  .b-holod-p{font-size:9pt;color:#555;margin-top:20pt}
  .b-block{padding:10pt 0;border-color:#bbb}
  .b-card{border:1px solid #999;break-inside:avoid;padding:8pt 10pt}
  .b-lines{display:block;margin-top:6pt}
  .b-lines span{display:block;border-bottom:1px solid #999;height:20pt;padding-top:4pt;font-size:9pt;color:#555}
  a{color:#000;text-decoration:none}
}