/* site-23 (12.10.2026): блок «Параллельные занятия», индивидуальные практики
   под пакетами, три пакета математики. Белые панели со своими «чернилами» —
   одинаково на главной (landing.css) и на страницах предметов (styles + v20) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.par__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px;margin-top:34px;align-items:stretch}
.par__grid>div:first-child{display:flex;flex-direction:column}
.par__grid>div:first-child .par__steps{flex:1;justify-content:space-between}
.par__grid>div{background:#fff;color:#0d1b33;border-radius:28px;padding:26px 26px 28px;box-shadow:0 18px 50px rgba(4,21,58,.18)}
.par__h{margin:0 0 16px;font-size:1.15rem;line-height:1.3;color:#0d1b33}
.par__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:par}
.par__steps li{position:relative;padding:6px 0 0 50px;color:#3d4c68;line-height:1.55;min-height:36px}
.par__steps li::before{counter-increment:par;content:counter(par);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:#b6e654;color:#0d1b33;font-weight:700;display:grid;place-items:center}
.par__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.par__table{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;font-size:.92rem;line-height:1.4}
.par__table th,.par__table td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e0e7f6;color:#3d4c68}
.par__table thead th{font-size:.82rem;font-weight:700;color:#0d1b33}
.par__table tbody th{font-weight:600;color:#0d1b33}
.par__table .par__us{background:rgba(182,230,84,.24);color:#0d1b33;font-weight:600}
.par__table thead .par__us{background:#b6e654;border-radius:14px 14px 0 0}
.par__table tbody tr:last-child .par__us{border-radius:0 0 14px 14px}
.par__table tbody tr:last-child>*{border-bottom:0}
.par__more{margin:22px 0 0;max-width:none;line-height:1.6;opacity:.92}
@media (max-width:1240px){.par__grid{grid-template-columns:minmax(0,1fr)}}
.par__grid>div{min-width:0}
@media (max-width:600px){.par__grid>div{padding:20px 16px 22px;border-radius:22px}}

/* Три пакета математики: в ряд, на узком — столбиком */
.pricing--3{grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1120px){.pricing--3{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}

/* Индивидуальные практики — под карточками пакетов */
.indiv{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:26px;padding:24px 28px;border-radius:28px;background:#fff;color:#0d1b33}
.indiv h3{margin:0 0 8px;color:#0d1b33}
.indiv p{margin:0;color:#3d4c68;line-height:1.55;max-width:70ch}
.indiv .indiv__price{flex:none;text-align:right}
.indiv__price b{display:block;font-size:2rem;line-height:1.1;color:#0d1b33;white-space:nowrap}
.indiv__price span{display:block;font-size:.9rem;color:#3d4c68;max-width:22ch;margin-left:auto}
@media (max-width:760px){.indiv{flex-direction:column;align-items:flex-start;padding:20px}.indiv .indiv__price{text-align:left}.indiv__price span{margin-left:0}}
/* В узкой карточке ярлык «Выбирают чаще всего» — над названием, а не поверх */
.pricing--3 .plan__label{position:static;align-self:flex-start;margin:-6px 0 14px}

/* Таблица на телефоне листается вбок: названия строк стоят на месте,
   подсказка — над таблицей */
.par__hint{display:none;margin:-8px 0 12px;font-size:.85rem;color:#5d6c88}
@media (max-width:760px){
  .par__hint{display:block}
  .par__table tbody th,.par__table thead th:first-child{position:sticky;left:0;z-index:1;background:#fff;box-shadow:6px 0 8px -6px rgba(13,27,51,.18)}
  .par__table tbody th{min-width:110px}
}