
/* ЧТО ОБЪЯСНЯЕТ: практика назначается по результату оценки. Слабая зона «отрывается» от шкалы и
   встаёт в урок курса как тема дополнительных ситуаций. Курс при этом идёт в прежнем порядке. */
.assessment-motion{padding-top:48px;padding-bottom:40px}
.assessment-motion-copy{max-width:800px;margin:0 auto 34px;text-align:center}
.assessment-motion-copy p:last-child{font-size:18px;line-height:1.5;color:#69675f}
.assessment-motion .оп{width:100%}
@media(max-width:600px){.assessment-motion{padding-top:40px;padding-bottom:10px}.assessment-motion-copy{margin-bottom:26px;text-align:left}.assessment-motion-copy p:last-child{font-size:16px}}

.оп { container-type: inline-size; max-width: 1100px; margin: 0 auto; position: relative; padding-bottom: 56px; }
.оп .сетка { display: grid; grid-template-columns: 1fr 1fr; gap: 6cqw; align-items: start; }
.оп .карта { background: #fff; border: 1px solid var(--line); border-radius: 2cqw; padding: 2.6cqw; box-shadow: 0 2cqw 5cqw rgba(16,18,22,.06); }
.оп .мет { font: 700 1.2cqw "Golos Text", system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--orT); }
.оп .стр { margin-top: 1.4cqw; padding: .6cqw .8cqw; border-radius: 1cqw; border: 1px solid transparent; }
.оп .стр div { display: flex; justify-content: space-between; font: 600 1.5cqw "Golos Text", system-ui, sans-serif; }
.оп .бар { margin-top: .6cqw; height: .55cqw; border-radius: 1cqw; background: #efe9e0; overflow: hidden; } .оп .бар b { display: block; height: 100%; width: 0; border-radius: 1cqw; }
.оп h4 { font: 700 2.2cqw/1.2 "Golos Text", system-ui, sans-serif; margin: .6cqw 0 0; }
.оп .слот { margin-top: 2cqw; border: 2px dashed #e2d9cc; border-radius: 1.2cqw; padding: 1.4cqw; min-height: 6cqw; }
.оп .слот small { font: 500 1.35cqw "Golos Text", system-ui, sans-serif; color: var(--muted); }
.оп .сит { margin-top: 1cqw; display: flex; flex-direction: column; gap: .8cqw; }
.оп .сит span { font: 600 1.5cqw "Golos Text", system-ui, sans-serif; background: #faf8f4; border: 1px solid var(--line); border-radius: .9cqw; padding: .8cqw 1cqw; }
.оп .летун { position: absolute; left: 0; top: 0; z-index: 3; padding: .7cqw 1.1cqw; border-radius: 1cqw; background: var(--peach); color: var(--orT); font: 700 1.6cqw "Golos Text", system-ui, sans-serif; white-space: nowrap; box-shadow: 0 1.4cqw 3cqw rgba(200,85,61,.18); pointer-events: none; }
@container (max-width: 560px) {
  .оп .сетка { grid-template-columns: 1fr; gap: 9cqw; } .оп .карта { padding: 5cqw; border-radius: 4cqw; }
  .оп .мет { font-size: 3cqw; } .оп .стр div { font-size: 3.8cqw; } .оп .бар { height: 1.3cqw; } .оп h4 { font-size: 5.2cqw; }
  .оп .слот small { font-size: 3.4cqw; } .оп .сит span { font-size: 3.8cqw; padding: 2cqw 2.4cqw; } .оп .летун { font-size: 4cqw; padding: 1.6cqw 2.6cqw; }
  .оп .стр { margin-top: 2.4cqw; padding: 1.2cqw 1.6cqw; } .оп .слот { padding: 3cqw; }
}
