/* Страница «Подготовительные курсы» СПбГУП · /enroll/help/training/access/
   Все правила внутри .pc, шапка и подвал сайта не затрагиваются.
   Шрифты Merriweather и SF Pro Display подключены шаблоном сайта; Roboto — запасной.
   Брейкпоинты: ≤1023px планшет, ≤767px телефон. */
/* Макет v2: 8 блоков, один призыв «Записаться на пробное занятие». Главный блок — курсы с раскрывающейся программой.
   Брендбук gup.ru. Все правила внутри .pc. Брейкпоинты: ≤1023 планшет, ≤767 телефон. */

.pc{--blue:#1383c6;--link:#0b76b6;--deep:#0a5f93;--tint:#eef6fb;--red:#8b0e04;--red-dark:#6e0b03;--ink:#282e32;--text:#3a4248;--muted:#6c757d;--line:#e2e7eb;--soft:#f9f9f9;
  --serif:Merriweather,Georgia,serif;--sans:SFProDisplay,"SF Pro Display",Roboto,Arial,sans-serif;--max:1200px;--y:88px;
  font-family:var(--sans);font-size:16px;line-height:1.55;color:var(--text);background:#fff}
.pc *,.pc *::before,.pc *::after{box-sizing:border-box}
.pc :where(h1,h2,h3,h4,p,ol,ul,figure,dl,dd){margin:0;padding:0}
.pc :where(ol,ul){list-style:none}
.pc img{max-width:100%;display:block}
.pc :where(a){text-decoration:none;color:var(--link)}
.pc :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pc [hidden]{display:none!important}
.pc-wrap{max-width:calc(var(--max) + 48px);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.pc-sec{padding-block:var(--y);scroll-margin-top:60px}
.pc-sec--soft{background:var(--soft)}
.pc-sec--tint{background:var(--tint)}
.pc-h1{font:700 44px/1.2 var(--serif);color:var(--ink);text-wrap:balance; text-align: left;}
.pc-h2{font:700 30px/1.3 var(--serif);color:var(--ink);text-wrap:balance; text-align: left;}
.pc-h3{font:700 19px/1.35 var(--serif);color:var(--ink)}
.pc-intro{font-size:17px;margin-top:12px;max-width:720px}
.pc-eyebrow{font:700 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--link)}
.pc-label{font:700 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted); margin-bottom: 20px;}
.pc-muted{font-size:14px;color:var(--muted)}
.pc-num{font-variant-numeric:tabular-nums}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;font:700 15px/1.2 var(--sans);letter-spacing:.03em;text-transform:uppercase;border:0;border-radius:0;cursor:pointer;background:var(--red);color:#fff;transition:background-color .2s}
.pc-btn:hover{background:var(--red-dark);color:#fff}
.pc-link{font:500 15px/1.4 var(--sans);color:var(--link)}.pc-link:hover{color:var(--deep);text-decoration:underline}
.pc-tag{display:inline-block;padding:3px 8px;font:700 11px/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;background:var(--tint);color:var(--deep)}

/* 1. Первый экран */
.pc-hero{padding-block:56px 72px}
.pc-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pc-hero__text{display:flex;flex-direction:column;gap:22px}
.pc-facts{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:20px;border-top:1px solid var(--line)}
.pc-facts li{display:flex;flex-direction:column;font-size:14px;color:var(--muted);line-height:1.4}
.pc-facts b{font:700 18px/1.3 var(--serif);color:var(--red)}
.pc-hero__act{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.pc-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:200px 200px;gap:10px}
.pc-mosaic img{width:100%;height:100%;object-fit:cover}
.pc-mosaic img:first-child{grid-row:1/3}

/* 2. Курсы */
.pc-courses{margin-top:36px;border-top:2px solid var(--ink)}
.pc-course{border-bottom:1px solid var(--line)}
.pc-course>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto 44px;gap:28px;align-items:center;padding:26px 0}
.pc-course>summary::-webkit-details-marker{display:none}
.pc-course__name{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pc-course__name p{font-size:15px;color:var(--text)}
.pc-course__meta{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
.pc-course__price{text-align:right;font:700 22px/1.2 var(--serif);color:var(--red);white-space:nowrap}
.pc-course__price small{display:block;font:400 13px/1.4 var(--sans);color:var(--muted)}
.pc-plus{width:44px;height:44px;border:2px solid var(--blue);display:flex;align-items:center;justify-content:center;color:var(--link);font:400 26px/1 var(--sans)}
.pc-course[open] .pc-plus{font-size:0}.pc-course[open] .pc-plus::after{content:"–";font-size:26px}
.pc-course>summary:hover .pc-plus{background:var(--tint)}
.pc-course__body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;padding:4px 0 36px}
.pc-course__main{display:flex;flex-direction:column;gap:24px}
.pc-course__side{display:flex;flex-direction:column;gap:22px;padding:24px;background:var(--tint)}
.pc-block{display:flex;flex-direction:column;gap:10px}
.pc-topics{display:grid;gap:0}
.pc-topics li{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.pc-topics li:first-child{border-top:1px solid var(--line)}
.pc-topics b{font-weight:500;color:var(--ink)}
.pc-flow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
.pc-flow li{padding:12px 14px;background:#fff;border:1px solid var(--line);font-size:14px;line-height:1.4;display:flex;flex-direction:column;gap:2px}
.pc-flow b{font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.pc-dots{display:grid;gap:8px;font-size:15px}
.pc-dots li{display:flex;gap:12px}
.pc-dots li::before{content:"";width:7px;height:7px;margin-top:9px;border-radius:50%;background:var(--blue);flex:none}
.pc-who{display:flex;gap:12px;align-items:center}
.pc-ava{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--deep);display:flex;align-items:center;justify-content:center;font:700 15px var(--serif);flex:none;border:1px solid #b9d8ec}
.pc-who b{display:block;font:700 15px/1.3 var(--serif);color:var(--ink)}
.pc-who small{display:block;font-size:13px;color:var(--muted);line-height:1.35}
.pc-spec{display:flex;flex-direction:column;gap:4px;font-size:15px}
.pc-help{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;padding:20px 24px;background:var(--soft)}
.pc-help p{font:700 17px/1.4 var(--serif);color:var(--ink);flex:1;min-width:240px}
.pc-quizbtn{background:none;border:2px solid var(--blue);padding:11px 20px;font:700 13px var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--link);cursor:pointer}
.pc-quizbtn:hover{background:var(--tint)}
.pc-quiz{flex-basis:100%;display:flex;flex-direction:column;gap:12px}
.pc-opts{display:flex;flex-wrap:wrap;gap:8px}
.pc-opt{padding:11px 16px;background:#fff;border:1px solid #cfd8de;font:500 15px var(--sans);color:var(--ink);cursor:pointer}
.pc-opt:hover{border-color:var(--blue)}

/* 3. Почему */
.pc-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px}
.pc-why li{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:3px solid var(--blue)}
.pc-why p{font-size:15px}

/* 4. Стоимость */
.pc-price{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:36px}
.pc-plist{border-top:2px solid var(--ink)}
.pc-prow{display:grid;grid-template-columns:minmax(0,1fr) 80px 110px 140px;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}
.pc-prow b{font:700 17px/1.35 var(--serif);color:var(--ink)}
.pc-prow .pc-c{text-align:right}
.pc-prow .pc-p{font:700 18px var(--sans);color:var(--ink)}
.pc-prow--h{font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 0}
.pc-premium{margin-top:16px;padding:16px 18px;border-left:3px solid var(--red);background:#fff;font-size:15px}
.pc-premium b{color:var(--red)}
.pc-pay{background:#fff;padding:28px;border-top:4px solid var(--blue);display:flex;flex-direction:column;gap:18px}
.pc-pay__steps{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.pc-pay__steps div{padding:16px;background:var(--tint);display:flex;flex-direction:column;gap:4px}
.pc-pay__steps b{font:700 26px/1.1 var(--serif);color:var(--red)}
.pc-pay__steps span{font-size:14px;color:var(--text)}
.pc-calc summary{cursor:pointer;font:500 15px var(--sans);color:var(--link);list-style:none}
.pc-calc summary::-webkit-details-marker{display:none}
.pc-calc summary::after{content:" ↓"}
.pc-calc[open] summary::after{content:" ↑"}
.pc-calc__in{display:flex;flex-direction:column;gap:12px;padding-top:14px}
.pc-checks{display:flex;flex-wrap:wrap;gap:6px}
.pc-check{position:relative}
.pc-check input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pc-check span{display:block;padding:7px 11px;border:1px solid #cfd8de;font:500 14px/1.3 var(--sans);color:var(--ink);background:#fff}
.pc-check input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.pc-check input:focus-visible+span{outline:2px solid var(--deep);outline-offset:2px}
.pc-calc__res{padding:14px 16px;background:var(--soft);font-size:15px;display:flex;flex-direction:column;gap:4px}
.pc-calc__res b{color:var(--ink)}
.pc-hint{font-size:13px;color:var(--muted);line-height:1.45}

.pk-ask__self { margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--pk-line); display: flex; flex-direction: column; gap: 10px; font-size: 14px; color: var(--pk-muted); }

.pk-ask__msgrs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}

/* Ссылка-кнопка */
.pk-msgr {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #e2e7eb; /* var(--pk-line) */
  font: 700 16px/1.2 "SF Pro Display", Roboto, Arial, sans-serif; /* var(--pk-sans) */
  color: #282e32; /* var(--pk-ink) */
  text-decoration: none;
  background: #fff;
  transition: border-color .2s, background-color .2s, color .2s;
}

.pk-msgr:hover {
  border-color: #1383c6; /* var(--pk-blue) */
  background: #eef6fb; /* var(--pk-tint) */
  color: #282e32;
}

/* Иконка (круг с текстом) */
.pk-msgr__ic {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 11px/1 "SF Pro Display", Roboto, Arial, sans-serif;
  color: #fff;
  flex: none;
}

/* Уменьшенный размер иконок специально внутри блока .pk-ask__msgrs */
.pk-ask__msgrs .pk-msgr {
  padding: 10px 12px;
  font-size: 14px;
  gap: 10px;
}
.pk-ask__msgrs .pk-msgr__ic {
  width: 32px;
  height: 32px;
  font-size: 10px;
}

/* Цвета для конкретных мессенджеров */
.pk-msgr--tg .pk-msgr__ic { background: #2aabee; } /* Telegram */
.pk-msgr--max .pk-msgr__ic { background: #6b4bff; } /* MAX */
.pk-msgr--wa .pk-msgr__ic { background: #25d366; } /* WhatsApp */

/* 5. Путь */
.pc-path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:40px;position:relative}
.pc-path::before{content:"";position:absolute;left:18px;right:calc(16.66% - 18px);top:18px;height:2px;background:#b9d8ec}
.pc-path li{position:relative;display:flex;flex-direction:column;gap:10px}
.pc-path li p {
  text-align: left !important;
}
.pc-path__n{width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font:700 14px var(--serif);box-shadow:0 0 0 4px var(--tint)}
.pc-path b{font:700 16px/1.3 var(--serif);color:var(--ink)}
.pc-path p{font-size:14px;line-height:1.5}
.pc-path small{font:700 12px var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--link)}

/* 6. Расписание и документы — свернуто */
.pc-fold{border-top:1px solid var(--line)}
.pc-fold:last-child{border-bottom:1px solid var(--line)}
.pc-fold>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}
.pc-fold>summary::-webkit-details-marker{display:none}
.pc-fold>summary::after{content:"+";font:400 28px/1 var(--sans);color:var(--blue)}
.pc-fold[open]>summary::after{content:"–"}
.pc-fold__in{padding-bottom:28px}
.pc-seg{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.pc-seg button{padding:9px 14px;background:#fff;border:1px solid #cfd8de;font:500 14px var(--sans);color:var(--ink);cursor:pointer}
.pc-seg button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.pc-sched{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.pc-sched li{padding:12px 14px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px;font-size:14px}
.pc-sched b{font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--link)}
.pc-sched span{color:var(--ink);font-weight:500}
.pc-docs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 32px}
.pc-docs a{font-size:15px;padding:8px 0;border-bottom:1px solid var(--line)}

/* 7. FAQ */
.pc-faq{display:grid;grid-template-columns:340px minmax(0,1fr);gap:72px;align-items:start}
.pc-faq details{border-top:1px solid var(--line)}
.pc-faq details:last-child{border-bottom:1px solid var(--line)}
.pc-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:20px 0;font:700 17px/1.4 var(--serif);color:var(--ink)}
.pc-faq summary::-webkit-details-marker{display:none}
.pc-faq summary::after{content:"+";font:400 28px/1 var(--sans);color:var(--blue);flex:none}
.pc-faq details[open] summary::after{content:"–"}
.pc-faq details p{padding:0 48px 20px 0;font-size:16px}

/* 8. Форма и контакты */
.pc-apply{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.pc-apply__intro{display:flex;flex-direction:column;gap:18px}
.pc-contacts{display:grid;gap:0;margin-top:8px;border-top:1px solid #dfe5ea}
.pc-contacts div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #dfe5ea;font-size:15px}
.pc-contacts b{color:var(--link);font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-soc{display:flex;flex-wrap:wrap;gap:8px}
.pc-soc a{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;background:#fff;border:1px solid var(--line);font:500 14px var(--sans);color:var(--ink)}
.pc-soc a:hover{border-color:var(--blue)}
.pc-soc i{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:700 10px var(--sans);font-style:normal}
.pc-form{background:#fff;padding:36px;display:flex;flex-direction:column;gap:14px}
.pc-form__title{font:700 22px/1.3 var(--serif);color:var(--ink)}
.pc-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.pc-field input,.pc-field select{width:100%;min-height:50px;padding:12px 14px;font:400 16px var(--sans);color:var(--ink);background:#fff;border:1px solid #cfd8de;border-radius:0}
.pc-field input:focus,.pc-field select:focus{outline:none;border-color:var(--blue)}
.pc-field [aria-invalid="true"]{border-color:var(--red)}
.pc-chips{display:flex;gap:6px}
.pc-chips label{position:relative}
.pc-chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pc-chips span{display:block;padding:8px 14px;border:1px solid #cfd8de;font:500 14px var(--sans);color:var(--ink)}
.pc-chips input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.pc-chips input:focus-visible+span{outline:2px solid var(--deep);outline-offset:2px}
.pc-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--muted)}
.pc-consent input{margin-top:2px;accent-color:var(--blue)}
.pc-consent a{text-decoration:underline}
.pc-err{font-size:13px;color:var(--red)}
.pc-req{color:var(--red)}


.pc-prog{border-top:1px solid var(--line)}
.pc-prog li{display:grid;grid-template-columns:minmax(0,1fr) 110px 130px 130px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.pc-prog b{font-weight:500;color:var(--ink)}
.pc-fmt{font-size:13px;color:var(--muted)}
.pc-pdf{font:500 14px var(--sans);color:var(--link);white-space:nowrap}
.pc-pdf::before{content:"PDF";display:inline-block;margin-right:8px;padding:1px 4px;font:700 9px/1.4 var(--sans);color:var(--deep);border:1px solid #b9d8ec;vertical-align:1px}
a.pc-pdf:hover{text-decoration:underline}
.pc-pdf--none{color:var(--muted)}.pc-pdf--none::before{display:none}
.pc-sp{font-size:14px}
.pc-teach{font-size:15px;color:var(--ink)}
.pc-th{font-size:15px;margin-bottom:12px}
@media(max-width:767px){.pc-prog li{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.pc-prog .pc-fmt{grid-column:1;grid-row:2}.pc-pdf{grid-column:2;grid-row:1/3;font-size:13px}.pc-sp{grid-column:1;grid-row:3;font-size:13px}}

.pc-course__body2{padding:0 0 32px}
.pc-ms{display:grid;grid-template-columns:320px minmax(0,1fr);background:#fff;border:1px solid var(--line)}
.pc-ms__list{display:flex;flex-direction:column;border-right:1px solid var(--line)}
.pc-ms__item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:15px 20px;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);font:500 16px/1.35 var(--sans);color:var(--ink);cursor:pointer}
.pc-ms__item:last-child{border-bottom:0}
.pc-ms__item small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:2px}
.pc-ms__item i{font-style:normal;color:#b9c4cc}
.pc-ms__item:hover{background:#f6fafd}
.pc-ms__item[aria-selected="true"]{background:var(--tint);box-shadow:inset 3px 0 0 var(--blue)}
.pc-ms__item[aria-selected="true"] i{color:var(--link)}
.pc-ms__item--th{color:var(--red);font-weight:700;background:#fdf6f5}
.pc-ms__item--th small{color:#9c5a54}
.pc-ms__item--th[aria-selected="true"]{background:#f8e9e7;box-shadow:inset 3px 0 0 var(--red)}
.pc-ms__item--th[aria-selected="true"] i,.pc-ms__item--th i{color:var(--red)}
.pc-ms__view{min-width:0}
.pc-ms__panel{padding:28px 32px;display:flex;flex-direction:column;gap:16px}
.pc-teacher{display:flex;gap:14px;align-items:center}
.pc-teacher .pc-ava{width:56px;height:56px;font-size:12px}
.pc-teacher b{display:block;font:700 18px/1.3 var(--serif);color:var(--ink)}
.pc-badge{display:inline-block;margin-top:4px;padding:3px 8px;font:700 12px/1.4 var(--sans);color:#fff;background:var(--blue)}
.pc-badge--plain{background:none;color:var(--muted);padding:0;font-weight:400;font-size:14px}
.pc-facts2{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}
.pc-facts2 dt{color:var(--muted)}.pc-facts2 dd{color:var(--ink);font-weight:500}
.pc-facts2 dd span{color:var(--muted);font-weight:400}
.pc-facts2 dt small{display:block;font-size:12px;color:var(--muted);font-weight:400}
.pc-facts2 dt:first-child,.pc-facts2 dt:first-child+dd{color:var(--ink)}
.pc-thnote{font-size:14px;line-height:1.55;padding:12px 14px;border-left:3px solid var(--red);background:#fdf6f5}
.pc-ms__act{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.pc-btn--sm{min-height:44px;padding:10px 18px;font-size:13px}
.pc-pdf{font:500 15px var(--sans);color:var(--link);white-space:nowrap}
.pc-pdf::before{content:"PDF";display:inline-block;margin-right:8px;padding:1px 4px;font:700 9px/1.4 var(--sans);color:var(--deep);border:1px solid #b9d8ec;vertical-align:2px}
a.pc-pdf:hover{text-decoration:underline}
.pc-pdf--none{color:var(--muted);white-space:normal}.pc-pdf--none::before{display:none}
.pc-nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:800;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 6px 16px -14px rgba(0,0,0,.35)}
.pc-nav .pc-wrap{display:flex;align-items:center;gap:4px;min-height:60px}
.pc-nav a{padding:18px 14px;font:500 15px var(--sans);color:var(--text);border-bottom:2px solid transparent}
.pc-nav a:hover{color:var(--link)}
.pc-nav a.is-on{color:var(--ink);border-bottom-color:var(--red)}
.pc-nav .pc-btn{margin-left:auto;border-bottom:0;padding:10px 18px;min-height:40px;font-size:13px;color:#fff}
.pc-docline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}
@media(max-width:1023px){.pc-nav{display:none}.pc-ms{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:767px){
  .pc-ms{grid-template-columns:1fr}
  .pc-ms__list{border-right:0;border-bottom:1px solid var(--line)}
  .pc-ms__item{padding:13px 14px;font-size:15px}
  .pc-ms__panel{padding:20px 16px}
  .pc-facts2{grid-template-columns:90px minmax(0,1fr);font-size:14px}
  .pc-ms__act{flex-direction:column;align-items:stretch}
  .pc-ms__act .pc-btn{width:100%}
}

/* v6: фото-заглушки, цитаты педагогов, ритм секций, живые состояния */
.pc-ph{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px;color:var(--deep);background:repeating-linear-gradient(135deg,#e3eff7 0 14px,#d6e7f2 14px 28px);border:1px dashed #9fc3db;min-width:0}
.pc-ph span{font:700 13px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.pc-ph small{font-size:13px;line-height:1.4;color:#3f6f8f}
.pc-hero__ph{aspect-ratio:4/3;width:100%;max-width:100%}
.pc-course>summary{grid-template-columns:150px minmax(0,1.5fr) minmax(0,1fr) auto 44px}
.pc-course__ph{height:100px;padding:10px}
.pc-course__ph small{font-size:11px}
.pc-quote2{all: initial; margin:0;padding:22px 24px;background:var(--tint);position:relative;display:flex;flex-direction:column;gap:14px}
.pc-quote2::before{content:"“";position:absolute;top:-6px;left:16px;font:700 64px/1 var(--serif);color:var(--blue);opacity:.25}
.pc-quote2 blockquote{margin:0;font:400 18px/1.55 var(--serif);color:var(--ink);font-style:italic}
.pc-quote2 figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:15px}

.pc-quote2 figcaption b{color:var(--ink)}
.pc-quote2 blockquote::after,
.pc-quote2 blockquote::before {
    content: none !important;
    display: none !important;
}

/* 2. Убираем зачеркивание текста, если оно пришло из глобальных стилей */
.pc-quote2 blockquote {
    text-decoration: none !important;
}

/* 3. Принудительно рисуем НАШИ кавычки (как в вашем коде) и прячем чужие */
.pc-quote2::before {
    content: "“" !important;
    display: block !important;
    position: absolute !important;
    top: -6px !important;
    left: 16px !important;
    font: 700 64px/1 var(--serif) !important;
    color: var(--blue) !important;
    opacity: 0.25 !important;
    background: none !important; /* На случай, если сайт ставит туда картинку */
    width: auto !important;
    height: auto !important;
}

/* 4. Убираем правые стрелочки, если они идут через псевдоэлемент .pc-quote2 */
.pc-quote2::after {
    content: none !important;
    display: none !important;
}

.pc-badge{margin-top:0}
.pc-role{font-size:14px;color:var(--muted)}
.pc-also{font-size:14px;color:var(--muted)}.pc-also b{color:var(--ink);font-weight:500}
.pc-sec--blue{background:var(--blue);color:#fff}
.pc-sec--blue .pc-h2,.pc-sec--blue .pc-h3{color:#fff}
.pc-sec--blue .pc-why li{border-top-color:rgba(255,255,255,.45)}
.pc-sec--blue .pc-why p{color:#e6f2fa}
.pc-why li{transition:transform .25s}
.pc-why li p{text-align: left;}
.pc-why li:hover{transform:translateY(-3px)}
.pc-course>summary{transition:background-color .2s;padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px}
.pc-course>summary:hover{background:#fff}
.pc-btn{transition:background-color .2s,transform .15s,box-shadow .2s}
.pc-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(139,14,4,.7)}
.pc-ms__panel{animation:pcIn .3s ease}
@keyframes pcIn{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.pc-ms__item{transition:background-color .15s}
.pc-ms__item i{transition:transform .2s}
.pc-ms__item:hover i{transform:translateX(3px)}
@media(max-width:1023px){.pc-course>summary{grid-template-columns:110px minmax(0,1fr) auto 44px}.pc-course__ph{height:80px}}
@media(max-width:767px){
  .pc-hero__ph{order:-1;aspect-ratio:16/10;margin-bottom:22px}
  .pc-course>summary{grid-template-columns:minmax(0,1fr) 40px;margin:0;padding-left:0;padding-right:0}
  .pc-course__ph{display:none}
  .pc-quote2{padding:18px 16px}
  .pc-quote2 blockquote{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.pc-ms__panel{animation:none}.pc-why li,.pc-btn{transition:none}}

.pc-hero__img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%}
.pc-course__img{width:150px;height:100px;object-fit:cover}
.pc-th-img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;margin-bottom:4px}
.pc-apply__img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:1023px){.pc-course__img{width:110px;height:80px}}
@media(max-width:767px){.pc-hero__img{order:-1;aspect-ratio:16/10;margin-bottom:22px}.pc-course__img{display:none}.pc-apply__img{display:none}}

/* Первый экран: фото слева с мягким переходом в темно-синий, текст справа */
.pc-hero--photo{position:relative;padding-block:0;background:#0b2f4a;overflow:hidden}
.pc-hero__bg{position:absolute;top:0;bottom:0;left:0;width:60%;background:url(/enroll/help/training/access/img/hero.jpg) 46% 40%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 68%,transparent 100%);mask-image:linear-gradient(90deg,#000 68%,transparent 100%)}
.pc-hero__in{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:600px}
.pc-hero--photo .pc-hero__text{width:min(44%,540px);padding-block:64px}
.pc-hero--photo .pc-eyebrow{color:#9fd3f2}
.pc-hero--photo .pc-h1{color:#fff}
.pc-hero--photo .pc-intro{color:#e3eef5}
.pc-hero--photo .pc-facts{border-top-color:rgba(255,255,255,.25)}
.pc-hero--photo .pc-facts li{color:#c9dbe7}
.pc-hero--photo .pc-facts b{color:#fff}
.pc-hero--photo .pc-link{color:#fff;text-decoration:underline}
.pc-hero--photo .pc-btn:hover{box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
@media(max-width:1023px){
  .pc-hero__bg{position:relative;width:100%;aspect-ratio:16/11;background-position:46% 35%;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
  .pc-hero__in{min-height:0;display:block;margin-top:-6px}
  .pc-hero--photo .pc-hero__text{width:auto;padding-block:0 40px}
}
@media(max-width:767px){.pc-hero.pc-hero--photo{padding-block:0}}

/* Крупнее фото курсов */
.pc-course>summary{grid-template-columns:240px minmax(0,1.5fr) minmax(0,1fr) auto 44px}
.pc-course__img{width:240px;height:160px;object-fit:cover}
@media(max-width:1023px){.pc-course>summary{grid-template-columns:180px minmax(0,1fr) auto 44px}.pc-course__img{width:180px;height:120px}}
@media(max-width:767px){
  .pc-course>summary{grid-template-columns:minmax(0,1fr) 40px}
  .pc-course>summary .pc-course__img{display:block;grid-column:1/-1;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;margin-bottom:10px}
  .pc-course>summary .pc-course__name{grid-row:2}
  .pc-course>summary .pc-course__price{grid-row:3}
  .pc-course>summary .pc-plus{grid-row:2/4}
}

/* v14: вторая кнопка, педагоги в расписании, программы PDF */
.pc-btn--ghost{background:transparent;color:var(--link);box-shadow:inset 0 0 0 2px var(--blue)}
.pc-btn--ghost:hover{background:var(--tint);color:var(--deep);box-shadow:inset 0 0 0 2px var(--blue)}
.pc-hero--photo .pc-btn--ghost{color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.pc-hero--photo .pc-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.pc-ms__btns{display:flex;flex-wrap:wrap;gap:10px}
.pc-pay__btns .pc-btn{flex:1 1 auto}
.pc-nav .pc-nav__b1{margin-left:auto;color:var(--link);border-bottom:0;padding:10px 16px;min-height:40px;font-size:13px}
.pc-nav .pc-nav__b2{margin-left:8px}
.pc-nav .pc-btn--ghost:hover{color:var(--deep)}
.pc-t{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}
.pc-pdf--m{display:none}
.pc-why__more{margin-top:4px;font:500 15px var(--sans);color:#fff;text-decoration:underline;align-self:flex-start}
.pc-why__more:hover{color:#e6f2fa}
.pc-mode{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--blue)}
.pc-mode label{position:relative;cursor:pointer}
.pc-mode input{position:absolute;opacity:0;inset:0;cursor:pointer}
.pc-mode span{display:block;padding:11px 8px;text-align:center;font:700 13px var(--sans);letter-spacing:.03em;text-transform:uppercase;color:var(--link)}
.pc-mode input:checked+span{background:var(--blue);color:#fff}
.pc-mode input:focus-visible+span{outline:2px solid var(--deep);outline-offset:-4px}
@media(max-width:767px){
  .pc-pdf--d{display:none}.pc-pdf--m{display:inline}
  .pc-ms__btns{flex-direction:column;align-items:stretch}
  .pc-hero__act .pc-btn{width:100%}
  .pc .pc-sticky{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
  .pc .pc-sticky .pc-btn{width:100%;padding:10px 8px;font-size:13px}
  .pc-mode span{font-size:12px;padding:10px 4px}
}

/* v15: доступность формы и мелкого текста */
.pc-field input:focus,.pc-field select:focus{box-shadow:0 0 0 3px rgba(19,131,198,.35)}
.pc-consent{min-height:44px;align-items:center}
.pc-consent input{width:20px;height:20px;margin-top:0;flex:none}
.pc-mode span,.pc-chips span{min-height:44px;display:flex;align-items:center;justify-content:center}
.pc-tag{font-size:12px}
.pc-facts2 dt small,.pc-t{font-size:13px;color:#5a6470}
.pc-pdf{display:inline-block;padding-block:10px}
.pc-nav .pc-nav__b1{margin-left:auto;color:#fff;border-bottom:0;padding:10px 16px;min-height:40px;font-size:13px}
.pc-nav .pc-nav__b2{margin-left:8px;color:var(--link);border-bottom:0;padding:10px 16px;min-height:40px;font-size:13px}
@media(max-width:767px){.pc .pc-sticky{grid-template-columns:1fr 1fr}}

/* v16 */
.pc-now{margin-top:20px;padding:14px 18px;background:#fff;border-left:3px solid var(--red);font-size:15px;max-width:820px}
.pc-now b{color:var(--ink)}
.pc-perh{display:block;font-size:12px;color:#5a6470;margin-top:2px}
.pc-hero--photo .pc-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-pdf.pc-pdf--m{display:none}
@media(max-width:767px){.pc-pdf.pc-pdf--d{display:none}.pc-pdf.pc-pdf--m{display:inline-block}}
.pc-parents{margin-top:16px;padding:16px 18px;background:#fff;border:1px solid var(--line)}
.pc-parents ul{display:grid;gap:6px;margin-top:8px;font-size:15px}
.pc-parents li{display:flex;gap:10px}
.pc-parents li::before{content:"";width:6px;height:6px;margin-top:9px;background:var(--blue);flex:none}
.pc .pc-sticky.is-hide{transform:translateY(110%)}
@media(max-width:767px){
  .pc-ms__list{border-bottom:0}
  .pc-ms__list .pc-ms__view{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfdfe}
  .pc-ms{display:block}
}

/* v20: первый экран — фото в левой половине, текст отступает от затухания */
.pc-hero__bg{width:52%;background-position:42% 40%;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,#000 62%,transparent 100%)}
.pc-hero__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:stretch}
.pc-hero--photo .pc-hero__text{grid-column:2;width:auto;max-width:560px;padding-left:56px;padding-block:72px}
@media(max-width:1023px){.pc-hero__bg{width:100%}.pc-hero__in{display:block}.pc-hero--photo .pc-hero__text{padding-left:0;max-width:none;padding-block:0 40px}}

/* v24: мобильный первый экран без градиента */
@media(max-width:1023px){
  .pc-hero__bg{width:100%;-webkit-mask-image:none;mask-image:none;background-position:45% 35%}
  .pc-hero__in{margin-top:0}
  .pc-hero--photo .pc-hero__text{padding-top:28px}
}
.pc-sticky{display:none}

@media(max-width:1023px){
  .pc{--y:64px}
  .pc-h1{font-size:34px}
  .pc-hero__grid,.pc-price,.pc-apply,.pc-faq{grid-template-columns:1fr;gap:36px}
  .pc-course>summary{grid-template-columns:minmax(0,1fr) auto 44px}
  .pc-course__meta{display:none}
  .pc-course__body{grid-template-columns:1fr;gap:24px}
  .pc-why{grid-template-columns:1fr;gap:24px}
  .pc-path{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}.pc-path::before{display:none}
}
@media(max-width:767px){
  .pc{--y:44px;font-size:15px;padding-bottom:72px}
  .pc-wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .pc-h1{font-size:27px;line-height:1.25}
  .pc-h2{font-size:22px}
  .pc-intro{font-size:15px}
  .pc-btn{width:100%;min-height:48px;padding:13px 16px;font-size:14px}
  .pc-hero{padding-block:24px 40px}
  .pc-hero__grid{gap:0}
  .pc-mosaic{order:-1;grid-template-rows:110px 110px;margin-bottom:24px}
  .pc-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
  .pc-facts b{font-size:15px}.pc-facts li{font-size:12px}
  .pc-hero__act{flex-direction:column;align-items:stretch;text-align:center}
  .pc-courses{margin-top:20px}
  .pc-course>summary{grid-template-columns:minmax(0,1fr) 40px;gap:4px 14px;padding:18px 0}
  .pc-course__name{grid-column:1}
  .pc-course__price{grid-column:1;grid-row:2;text-align:left;font-size:18px}
  .pc-course__price small{display:inline;margin-left:6px}
  .pc-plus{grid-column:2;grid-row:1/3;width:40px;height:40px}
  .pc-course__name p{font-size:14px}
  .pc-topics li{grid-template-columns:1fr;gap:2px}
  .pc-flow{grid-auto-flow:row;grid-template-columns:1fr 1fr}
  .pc-course__side{padding:18px 16px}
  .pc-help{padding:16px}
  .pc-prow{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
  .pc-prow .pc-hrs{grid-column:1;grid-row:2;font-size:13px;color:var(--muted)}
  .pc-prow .pc-p{grid-column:2;grid-row:1}
  .pc-prow .pc-s{grid-column:2;grid-row:2;font-size:13px;color:var(--muted)}
  .pc-prow--h{display:none}
  .pc-prow b{font-size:16px}
  .pc-pay{padding:20px 16px}
  .pc-pay__steps b{font-size:20px}
  .pc-path{grid-template-columns:1fr;gap:0;margin-top:24px}
  .pc-path::before{display:block;left:17px;right:auto;top:18px;bottom:24px;width:2px;height:auto}
  .pc-path li{display:grid;grid-template-columns:36px 1fr;column-gap:14px;row-gap:2px;padding-bottom:20px}
  .pc-path li p {text-align: left !important; }
  .pc-path li>*{grid-column:2}.pc-path__n{grid-column:1;grid-row:1/span 3}
  .pc-docs{grid-template-columns:1fr}
  .pc-faq summary{font-size:15px;padding:16px 0}
  .pc-faq details p{padding:0 0 16px;font-size:15px}
  .pc-form{padding:22px 16px}
  .pc-row{grid-template-columns:1fr}
  .pc-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:900;
    padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
    background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 20px -12px rgba(0,0,0,.25);transform:translateY(110%);transition:transform .25s}
  .pc-sticky.is-on{transform:none}
  .pc-sticky .pc-btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.pc *,.pc-sticky{transition:none!important}}