/* =====================================================================
   Waykeeper · site-v1 · раздел «Практики» · префикс pr-
   Общий для practices.html (каталог) и practices/<old_id>.html (38 страниц).
   Опирается на токены и классы assets/site.css; новых шрифтов и размеров нет.
   ===================================================================== */

/* v2 (26.10): раскладка каталога и страницы практики — assets/pages/practices.css */

.pr-status{display:flex; align-items:center; gap:8px; margin-top:var(--sp-3)}
.pr-status-dot{width:9px; height:9px; border-radius:50%; border:1px solid var(--ink-3)}
.pr-bridge-lead{max-width:34em}
.pr-colleagues{max-width:46rem}
.pr-colleagues .link{white-space:nowrap; font-size:var(--s5)}

/* =====================================================================
   Страница практики
   ===================================================================== */
/* v2: сетка страницы практики — assets/pages/practices.css */
.pr-sec{padding-top:var(--sp-8)}
/* секция с линией атмосферы: линия посередине воздуха, а не на нижней границе списка выше */
.pr-sec[data-atmo-rule]{margin-top:var(--sp-7); padding-top:var(--sp-7)}
.pr-end{padding-bottom:var(--sp-9)}
.pr-tool:has([data-module]:empty){display:none}
.pr-sec--careful{padding-top:var(--sp-7)}
.pr-h{font:400 var(--s3)/1.3 var(--f-head); margin:0 0 var(--sp-5)}

/* шаги */
.pr-steps{list-style:none; counter-reset:st; margin:0; padding:0; border-top:1px solid var(--line)}
.pr-steps > li{position:relative; counter-increment:st; padding:14px 0 14px 40px; border-bottom:1px solid var(--line)}
.pr-steps > li::before{content:counter(st); position:absolute; left:4px; top:14px; font-size:var(--s5); line-height:1.6rem; color:var(--ink-3)}
.pr-stuck{margin-top:var(--sp-5); padding:14px 18px; border-radius:var(--r-m); background:rgba(255,255,255,.55); border:1px solid var(--line); color:var(--ink-2)}
.pr-stuck-k{font-weight:500; color:var(--ink)}

/* заготовки */
.pr-kit .pr-h + .pr-note{margin-top:calc(var(--sp-4) * -1); margin-bottom:var(--sp-5)}
.pr-kit .pr-steps + .pr-stuck + .pr-h,.pr-kit .pr-stuck + .pr-h,
.pr-kit .pr-stuck + .pr-fields,.pr-kit .pr-steps + .pr-fields{margin-top:var(--sp-8)}
.pr-note{font-size:var(--s5); line-height:1.45; color:var(--ink-3)}
.pr-fields{display:flex; flex-direction:column; gap:var(--sp-6)}
.pr-field label{display:block; font-weight:500; margin-bottom:8px}
.pr-field textarea{display:block; width:100%; resize:vertical; min-height:88px; padding:12px 14px; border-radius:var(--r-s);
  border:1px solid var(--line-2); background:rgba(255,255,255,.75); color:var(--ink); font:400 var(--s4)/1.5 var(--f-text)}
.pr-field textarea::placeholder{color:var(--ink-3); opacity:.8}
.pr-field textarea:focus{outline:none; border-color:var(--ink); box-shadow:0 0 0 1px var(--ink)}
.pr-ex{margin-top:8px; font-size:var(--s5); line-height:1.5; color:var(--ink-3)}
.pr-kit-bar:empty{display:none}
.pr-kit-bar{margin-top:var(--sp-6)}

/* осторожно, корни */
.pr-careful{padding:24px 28px; border-radius:var(--r-l)}
.pr-careful .pr-h{margin-bottom:var(--sp-3)}
.pr-careful .list{color:var(--ink-2)}
.pr-roots{margin-top:var(--sp-6)}
.pr-roots .small + .small{margin-top:4px}
.pr-inprog{margin-top:var(--sp-5); color:var(--ink-2)}

/* рядом */
.pr-rel a > span{display:flex; flex-direction:column; gap:2px}
.pr-rel-t{font-weight:500}
.pr-bridge{color:var(--ink-2)}

@media (max-width:760px){
  .pr-art{width:160px; height:160px; margin-left:-10px}
  .pr-sec{padding-top:var(--sp-7)}
  .pr-end{padding-bottom:var(--sp-8)}
  .pr-careful{padding:20px}
  .pr-hands > div{grid-template-columns:1fr}
}

/* =====================================================================
   Атмосфера (assets/atmo.*): свет, зерно, фото в глубине.
   Раздел только подстраивает силу и место; сам слой — в atmo.css.
   ===================================================================== */
/* печать: только сама практика */
@media print{
  .site-head,.site-foot,.pr-end,.pr-rel,.field-canvas,.skip{display:none !important}
  .glass{background:none; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none}
}

/* оговорка безопасности над каталогом */
.pr-care{color:var(--ink-3); max-width:62ch; margin:0 0 var(--sp-6)}