/* Дополнения сайта 2xS Community к стилям public/site/v6/site.css.
   CSP сайта запрещает inline-стили, поэтому цвета и отступы, заданные в разметке, — классы ниже. */

/* Цвет направления (--dc) и компетенции (--cc) */
.dc-blue{--dc:var(--blue)} .dc-violet{--dc:var(--violet)} .dc-salmon{--dc:var(--salmon)}
.dc-teal{--dc:var(--teal)} .dc-pink{--dc:var(--pink)} .dc-amber{--dc:var(--amber)}
.cc-blue{--cc:var(--blue)} .cc-violet{--cc:var(--violet)} .cc-salmon{--cc:var(--salmon)}
.cc-teal{--cc:var(--teal)} .cc-pink{--cc:var(--pink)} .cc-amber{--cc:var(--amber)}

/* Цвета восьми этапов клиентского пути (--sc) */
.stc-1{--sc:#3E63DD} .stc-2{--sc:#5A5FE6} .stc-3{--sc:#7A5AF0} .stc-4{--sc:#A35BD8}
.stc-5{--sc:#C957B5} .stc-6{--sc:#E2537E} .stc-7{--sc:#EE6A68} .stc-8{--sc:#F07A52}
.stc-all{--sc:var(--violet)}

/* Цифры масштаба, прогресс масштаба скоринга */
.sc-gw1{--sc:var(--gw1)} .sc-gw2{--sc:var(--gw2)} .sc-gw3{--sc:var(--gw3)} .sc-gw4{--sc:var(--gw4)}
.w34{--w:34%} .w66{--w:66%} .w100{--w:100%}

/* Отступы блоков */
.eyebrow.mt22{margin-top:22px}
.block.mt0{margin-top:0}
.result .clist.one{grid-template-columns:1fr;margin:0}
.side-card .clist.one-side{grid-template-columns:1fr;margin-top:14px}
.side-card .clist li.pad8{padding:8px 0}
.side-card .side-note{margin-top:16px;font-size:14.5px}

/* Без сценария полоса знакомства не нужна: прогресс считает сценарий */
html:not(.js) .tbar{display:none}

/* Список решений по направлениям и уровням: без сценария — виден; со сценарием его заменяют пирамида
   и сцена, а список остаётся для экранного диктора и поиска (01 §4.2 «Доступность»). */
.sol-index{margin-top:40px}
.sol-index h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em}
.sol-index .si-dir{margin-top:28px}
.sol-index h3{font-size:20px}
.sol-index h4{font-size:15px;margin-top:16px;color:var(--ink-2)}
.sol-index p{margin-top:8px;color:var(--ink-2);max-width:72ch}
.sol-index ul{margin-top:8px;padding-left:20px;display:grid;gap:6px}
.sol-index li{color:var(--ink-2);line-height:1.45}
.sol-index a{color:var(--ink);font-weight:600}
html.js .sol-index{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}

/* Пометка владельца над превью карточки (страница «Направления» в новой вкладке) */
.owner-note{margin:16px 0 0;padding:14px 18px;border-radius:var(--r-lg,18px);font-size:14.5px;color:var(--ink-2)}