/* Product-specific composition. Colours, type and controls use the shared
   design system; other course pages keep their original layout. */
.kr--first-circle{max-width:1120px}
.kr--first-circle .kr-uzkaya{max-width:var(--polosa-uzkaya);margin-inline:auto}
.kr--first-circle .kr-verh{max-width:860px;margin:var(--sp-6) auto 0;padding-bottom:var(--sp-8);border-bottom:1px solid var(--outline-variant)}
.kr-eyebrow{margin:0 0 var(--sp-3);font:var(--type-label-l);color:var(--ya-primary-ink)}
.kr--first-circle .kr-imya{max-width:19ch;font:var(--type-display-s);letter-spacing:-.025em;text-wrap:balance}
.kr--first-circle .kr-podzag{max-width:46rem;font:var(--type-body-l);color:var(--on-surface)}
.kr--first-circle .kr-fakty{margin-top:var(--sp-4);font:var(--type-body-m);color:var(--on-surface-variant)}
.kr-hero-note{margin-top:var(--sp-3);font:var(--type-body-s);color:var(--on-surface-variant)}
.kr--first-circle .kr-dejstviya{margin-top:var(--sp-5,20px);align-items:center}
.kr--first-circle .kr-result{display:grid;gap:var(--sp-6);align-items:center;margin-inline:auto;padding:var(--sp-6);background:var(--surface-container-low);border-radius:var(--shape-xl)}
.kr-result .kr-tire{margin-top:var(--sp-4)}
.kr-result .kr-tire li{font:var(--type-body-m)}
.kr-result-figure{margin:0;padding:var(--sp-3);background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--shape-l)}
.kr-result-diagram{display:block;width:100%;height:auto;overflow:visible}
.kr-diagram-day{fill:var(--tertiary-container)}
.kr-diagram-night{fill:var(--primary-container)}
.kr-diagram-horizon{fill:none;stroke:var(--outline);stroke-width:1.5;stroke-dasharray:5 5}
.kr-diagram-shape{fill:none;stroke:var(--ya-primary-ink);stroke-width:3;stroke-linejoin:round}
.kr-diagram-points{fill:var(--tertiary);stroke:var(--surface);stroke-width:2}
.kr-diagram-label{text-anchor:middle;fill:var(--on-surface);font:600 20px var(--ya-font-text,system-ui,sans-serif)}
.kr-diagram-small{text-anchor:middle;fill:var(--on-surface);font:19px var(--ya-font-text,system-ui,sans-serif)}
.kr-result-figure figcaption{text-align:center;padding:0 var(--sp-2) var(--sp-3);font:var(--type-body-s);color:var(--on-surface-variant)}
.kr-result-figure figcaption strong,.kr-result-figure figcaption span{display:block}
.kr-result-figure figcaption strong{font:var(--type-title-s);color:var(--on-surface);margin-bottom:var(--sp-1)}
.kr-program-steps{list-style:none;padding:0;margin:var(--sp-6) 0 0}
.kr-program-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--sp-4);padding:var(--sp-5,20px) 0;border-top:1px solid var(--outline-variant)}
.kr-step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--shape-full);background:var(--primary-container);color:var(--on-primary-container);font:var(--type-title-m)}
.kr-step-meta{font:var(--type-body-s);color:var(--on-surface-variant)}
.kr-program-step h3{margin:var(--sp-1) 0 var(--sp-2);font:var(--type-title-l);color:var(--on-surface)}
.kr-program-step .kr-tire li{font:var(--type-body-m)}
.kr-program-step .ya-btn{margin-top:var(--sp-2);margin-left:calc(-1 * var(--sp-3))}
.kr-program-finish{padding:var(--sp-4);background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--shape-m);font:var(--type-body-m)}
.kr-first-program > .kr-tiho{margin-top:var(--sp-3)}
.kr--first-circle .kr-nachalo .kr-karta{border:1px solid var(--outline-variant);background:var(--surface)}
.kr--first-circle #kr-dostup > .kr-karta{background:var(--tertiary-container);color:var(--on-tertiary-container);padding:var(--sp-6)}
.kr--first-circle #kr-dostup .kr-cena-stroka{font:var(--type-headline-m);color:inherit}
.kr--first-circle #kr-dostup .kr-access-terms{margin-top:var(--sp-3);font:var(--type-body-l)}
.kr--first-circle #kr-dostup .kr-access-future{margin-top:var(--sp-2)}
.kr--first-circle #kr-dostup .kr-access-help{margin-top:var(--sp-5,20px);padding-top:var(--sp-4);border-top:1px solid var(--outline)}
.kr--first-circle #kr-dostup .kr-tiho,.kr--first-circle #kr-dostup .kr-oplata{color:inherit}
.kr--first-circle #kr-dostup .kr-otkryt{background:var(--ok-container);color:var(--on-ok-container)}
.kr-source-links{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3);margin-left:calc(-1 * var(--sp-3))}
.kr--preparing{display:block;max-width:calc(var(--polosa-uzkaya) + 2 * var(--pole-polosy))}
.kr--preparing .kr-preparing{margin-top:var(--sp-8)}
@media (min-width:900px){
  .kr--first-circle .kr-result{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:var(--sp-8);gap:var(--sp-8)}
  .kr--first-circle .kr-verh{padding-bottom:var(--sp-8);margin-top:var(--sp-8)}
}
@media (max-width:719px){
  .kr--first-circle .kr-imya{font:var(--type-headline-l);max-width:18ch}
  .kr--first-circle .kr-dejstviya{align-items:stretch}
  .kr--first-circle .kr-dejstviya .ya-btn--text{align-self:flex-start;width:auto}
  .kr--first-circle .kr-result{padding:var(--sp-4)}
  .kr-program-step{grid-template-columns:32px minmax(0,1fr);gap:var(--sp-3)}
  .kr-step-number{width:32px;height:32px;font:var(--type-title-s)}
  .kr-program-step h3{font:var(--type-title-m)}
  .kr--first-circle #kr-dostup > .kr-karta{padding:var(--sp-4)}
  .kr-source-links{flex-direction:column;align-items:flex-start}
}