/* /predzapis — предзапись на предметы, по которым набора ещё нет. Стиль «Олимпологии» (olimp-v2.css), здесь только своё: префикс pz- */

/* один экран: слева оффер, справа анкета Learn (credo-form.js); на телефоне анкета под оффером */
.pz-hero{padding:20px 0 40px;background:linear-gradient(180deg,var(--paper) 0%,var(--bg) 100%)}
.pz-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.pz-hero-text{display:flex;flex-direction:column;min-width:0}
.pz .pz-h1 b{display:inline}
.pz-sub{margin:10px 0 0;font-size:15.5px;line-height:1.45;font-weight:600;color:var(--muted)}

/* анкета: карточку рисует сама анкета, своей подложки нет — иначе карточка в карточке;
   ширина 480 + отступ рамки: тёмная подложка анкеты и её закреплённая кнопка — по ширине карточки */
.pz-form{width:100%;max-width:none;min-width:0;margin:0 auto}
.pz-form iframe{background:transparent;color-scheme:light}  /* у документа анкеты схема light: совпадает — фон за рамкой прозрачный, иначе браузер заливает его белым */
.pz-nojs{margin:12px;text-align:center}

@media (min-width:1000px){
  .pz-hero{padding:40px 0;min-height:calc(100svh - 60px);display:flex;flex-direction:column;justify-content:center}
  .pz-hero>.wrap{width:100%}
  .pz-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}  /* анкета — половина блока */
  .pz .pz-h1{font-size:40px}
  .pz .pz-h1 b{display:block}  /* заголовок и так в две строки: выделение — второй строкой */
  .pz-sub{margin-top:16px;font-size:21px;max-width:720px;text-wrap:balance}
  .pz-form{margin:0}
}
/* узкий ноутбук: в две строки заголовок не влезает — выделение в строку, строки балансируются */
@media (min-width:1000px) and (max-width:1399px){
  .pz .pz-h1{font-size:38px;text-wrap:balance}
  .pz .pz-h1 b{display:inline}
}
@media (min-width:1000px) and (max-width:1199px){
  .pz-hero-grid{gap:32px}
  .pz .pz-h1{font-size:32px}
  .pz-sub{font-size:18px}
}