/* Бесплатные разборы: лендинг /razbory, личная страница с анкетой и список
   заявок для Маруси. Только кегли и отступы из tokens.css, новых не заводим. */

/* Компактная шапка с /start, но без панели покупки снизу */
.kompakt:not(:has(.buybar)){padding-bottom:0}

.rzb-hero{padding-top:var(--s7)}
/* На телефоне сразу после заголовка — дата и почта, описание ниже формы */
@media(min-width:52rem){
  .rzb-hero{grid-template-columns:1.3fr 1fr;grid-template-rows:auto 1fr;row-gap:var(--s4)}
  .rzb-hero .buybox{grid-column:2;grid-row:1 / span 2}
  .rzb-hero .rzb-hero-body{grid-column:1;grid-row:2}
}
.rzb-hero h1{max-width:16ch}
.rzb-hero .hero-intro{max-width:30ch}
@media(max-width:44rem){
  .rzb-hero{padding-top:var(--s5);gap:var(--s5)}
  .rzb-hero .txt{gap:var(--s3)}
}
.rzb .buybox{gap:var(--s3)}
.rzb-kogda{font-family:Onest,"Golos Text",sans-serif;font-size:var(--t-lede);line-height:1.35}
.rzb-kogda b{font-weight:800}
.rzb .ru-form{margin-top:var(--s2);max-width:none}
.rzb-niz .ru-form{max-width:26rem}
.rzb-oshibka{color:var(--accent);margin:0}
.rzb-flag{display:flex;gap:var(--s3);align-items:flex-start;color:var(--ink);cursor:pointer;line-height:1.45}
.ru-form .rzb-flag{color:var(--ink)}
.rzb-flag input,.ru-form .rzb-flag input[type=checkbox]{flex:0 0 auto;width:1.15rem;height:1.15rem;margin:.2rem 0 0;padding:0;accent-color:var(--accent)}
.rzb-kogda span{white-space:nowrap}
.rzb-gotovo{border-left:2px solid var(--accent);padding:var(--s3) var(--s4);background:var(--accent-soft);
  border-radius:var(--r-sm);color:var(--ink)}
.card.rzb-gotovo{border:1px solid var(--line);border-left:2px solid var(--accent)}
.rzb-mestnoe{margin:0}

/* Примеры вопросов */
.rzb-vvod{max-width:38rem;margin-bottom:var(--s5)}
.rzb-primery{display:grid;gap:var(--s3);max-width:44rem}
.rzb-primery li{font-family:Onest,"Golos Text",sans-serif;font-size:var(--t-lede);line-height:1.4;
  border-left:2px solid var(--accent);padding:var(--s1) 0 var(--s1) var(--s4)}
.rzb-itog{max-width:38rem;margin-top:var(--s5);color:var(--muted)}
.rzb .steps + .rzb-itog{margin-bottom:var(--s5)}
.rzb-avtor .pic{max-width:22rem}

/* Личная страница */
.rzb-lichnaya{padding-top:var(--s7)}
@media(max-width:44rem){.rzb-lichnaya{padding-top:var(--s5)}}
.rzb-tg{margin-top:var(--s2)}
.rzb-knopki{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:flex-start}
.rzb-kal{border:0}
.rzb-kal > summary{list-style:none;display:inline-flex;padding:var(--s3) var(--s6)}
.rzb-kal > summary::after{content:none}
.rzb-kal-v{display:grid;gap:var(--s2);margin-top:var(--s3);max-width:22rem}
.rzb-net-pisma{border-top:1px solid var(--line)}
.rzb-net-pisma .a{display:grid;gap:var(--s3)}

/* Анкета */
.rzb-anketa-sek{max-width:44rem}
.rzb-raskryt-z{padding:0 0 var(--s5)}
.rzb-raskryt-z > span{display:grid;gap:var(--s3)}
.rzb-raskryt-z .h2{font-family:Onest,"Golos Text",sans-serif;font-size:var(--t-h2);line-height:1.15;
  font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.rzb-raskryt-z .lede{font-weight:400}
.rzb-anketa{display:grid;gap:var(--s5)}
.rzb-pole{display:grid;gap:var(--s2);border:0;margin:0;padding:0;min-width:0}
.rzb-pole > label:first-child,.rzb-pole legend{font-weight:600;color:var(--ink);padding:0}
.rzb-pole legend{margin-bottom:var(--s2)}
.rzb-pole > label.rzb-flag{font-weight:400}
.rzb-pole input[type=text],.rzb-pole textarea,.rzb-drugoe input{font:inherit;color:var(--ink);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s3) var(--s4);width:100%}
.rzb-pole textarea{resize:vertical;min-height:5.5rem;line-height:1.5}
.rzb-pole input:focus-visible,.rzb-pole textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.rzb-zony{display:flex;flex-wrap:wrap;gap:var(--s2)}
.rzb-zona{position:relative;cursor:pointer}
.rzb-zona input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.rzb-zona span{display:inline-block;padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--r-pill);
  background:var(--paper);font-size:var(--t-sm)}
.rzb-zona input:checked + span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rzb-zona input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.rzb-drugoe{margin-top:var(--s2)}
.rzb-fayl{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.rzb-fayl:focus-visible + .rzb-dobavit{outline:2px solid var(--accent);outline-offset:2px}
.rzb-dobavit{justify-self:start}
.rzb-foto{display:flex;flex-wrap:wrap;gap:var(--s2)}
.rzb-foto:empty{display:none}
.rzb-foto li{position:relative;width:5.5rem;height:5.5rem;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--line)}
.rzb-foto img{width:100%;height:100%;object-fit:cover}
.rzb-foto button{position:absolute;top:.2rem;right:.2rem;width:1.75rem;height:1.75rem;border-radius:var(--r-pill);border:0;
  background:var(--paper);color:var(--ink);font-size:var(--t-lede);line-height:1;cursor:pointer}
.rzb-anketa .btn.wide{max-width:26rem}

/* Список заявок для Маруси */
.adm .sec{padding:var(--s6) 0}
.adm h1{font-size:var(--t-h2)}
.adm-cifry{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--s3);margin:var(--s5) 0 var(--s4)}
.adm-cifry div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);display:grid;gap:var(--s1)}
.adm-cifry b{font-family:Onest,sans-serif;font-size:var(--t-h2);line-height:1}
.adm-cifry span{font-size:var(--t-note);color:var(--muted)}
.adm-soob{margin-top:var(--s4);border-left:2px solid var(--accent)}
.adm-spisok{display:grid;gap:var(--s4);margin-top:var(--s4)}
.adm-z-head{display:flex;justify-content:space-between;gap:var(--s3);align-items:baseline;flex-wrap:wrap}
.adm-st{font-size:var(--t-note);font-weight:700;padding:var(--s1) var(--s3);border-radius:var(--r-pill);background:var(--line-soft)}
.adm-st-vybrana,.adm-st-podtverdil{background:var(--accent);color:var(--bg)}
.adm-st-rezerv{background:var(--accent-soft);color:var(--accent)}
.adm-otvety{display:grid;gap:var(--s2);margin:0}
.adm-otvety dt{font-size:var(--t-note);color:var(--muted);font-weight:700}
.adm-otvety dd{margin:0 0 var(--s2);white-space:pre-wrap}
.adm-foto{display:flex;flex-wrap:wrap;gap:var(--s2)}
.adm-foto img{width:8rem;height:8rem;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--line)}
.adm-forma{display:grid;gap:var(--s3)}
.adm-forma label{display:grid;gap:var(--s1)}
.adm-forma select,.adm-forma textarea,.adm-forma input{font:inherit;color:var(--ink);background:var(--bg);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:var(--s2) var(--s3);width:100%}
.adm-knopki{display:flex;flex-wrap:wrap;gap:var(--s2)}
.adm-pre{white-space:pre-wrap;font-size:var(--t-sm);margin:0;font-family:inherit}

/* Что получит зритель: четыре пункта сеткой */
.rzb-polza{display:grid;gap:var(--s5)}
@media(min-width:44rem){.rzb-polza{grid-template-columns:1fr 1fr;gap:var(--s6)}}
.rzb-hero-body{display:grid;gap:var(--s3)}
/* Шаги на личный разбор: столбиком, со стрелкой между шагами */
.rzb-shagi{list-style:none;margin:0;padding:0;display:grid;gap:var(--s6);max-width:38rem}
.rzb-shagi li{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--s4);align-items:start;position:relative}
.rzb-shagi li > div{display:grid;gap:var(--s1)}
.rzb-shagi h3{font-size:var(--t-body)}
.rzb-nomer{width:2.5rem;height:2.5rem;border-radius:var(--r-pill);background:var(--accent);color:var(--bg);
  display:grid;place-items:center;font-family:Onest,sans-serif;font-weight:800}
.rzb-shagi li:not(:last-child)::after{content:"↓";position:absolute;left:1.25rem;top:2.75rem;
  transform:translateX(-50%);color:var(--accent);font-weight:700;line-height:1}

/* «Узнаёте себя»: короткие фразы на первом экране */
.rzb-uznat-z{font-weight:600;color:var(--ink)}
.rzb-uznat{display:grid;gap:var(--s2);max-width:46ch}
.rzb-uznat li{position:relative;padding-left:var(--s5);line-height:1.45;color:var(--ink)}
.rzb-uznat li::before{content:"";position:absolute;left:0;top:.62em;width:.75rem;height:2px;background:var(--accent)}
.rzb-hero-body .hero-body{margin-top:var(--s2)}

/* Таблица регистраций в списке для Маруси */
.adm-tablica{overflow-x:auto;margin-top:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper)}
.adm-tablica table{border-collapse:collapse;width:100%;font-size:var(--t-sm)}
.adm-tablica th,.adm-tablica td{padding:var(--s2) var(--s3);text-align:left;border-bottom:1px solid var(--line-soft);white-space:nowrap}
.adm-tablica th{font-size:var(--t-note);color:var(--muted);font-weight:700}
.adm-tablica tr:last-child td{border-bottom:0}
.adm-test td{color:var(--muted)}

/* Предложения после Zoom-разбора /posle-zoom: две карточки рядом */
.pz-head{padding-bottom:var(--s4)}
.pz-head .lede{max-width:40rem}
.pz-karty{display:grid;gap:var(--s5);align-items:stretch}
@media(min-width:52rem){.pz-karty{grid-template-columns:1fr 1fr;gap:var(--s6)}}
.pz-karta{display:grid;grid-template-rows:auto 1fr;padding:0;overflow:hidden}
.pz-pic{--ar:4 / 3;border-radius:0}
.pz-pic img{width:100%;height:100%;object-fit:cover}
.pz-glavnaya .pz-pic img{object-position:50% 20%}
.pz-telo{display:grid;gap:var(--s3);align-content:start;padding:var(--s5)}
.pz-telo h2{font-size:var(--t-h3);line-height:1.2}
.pz-telo .price.big{margin-top:0}
.pz-bonus{border-left:2px solid var(--accent);padding:var(--s2) 0 var(--s2) var(--s4);background:var(--accent-soft);border-radius:var(--r-sm)}
.pz-niz{display:grid;gap:var(--s3);margin-top:var(--s2);justify-items:start}
.pz-niz .btn{justify-self:stretch}
.pz-mesta{margin:0;font-weight:600}
.pz-glavnaya{border-color:var(--accent)}
.pz-forma-karta{display:grid;gap:var(--s3);max-width:40rem;margin-inline:auto;padding:var(--s6) var(--s5)}
.pz-forma{margin-top:var(--s3)}
.pz-forma input[type=text]{font:inherit}
.pz-forma [hidden]{display:none}
.pz-lovushka{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pz-head > p:not(.lede){max-width:40rem;margin:0}
.pz-head{display:grid;gap:var(--s3)}
.pz-srok{font-weight:600;color:var(--accent)}
.pz-glavnoe{font-family:Onest,"Golos Text",sans-serif;font-size:var(--t-lede);line-height:1.4;border-left:2px solid var(--accent);padding-left:var(--s4)}
/* Шапка по центру на компьютере */
@media(min-width:52rem){
  .pz-head{justify-items:center;text-align:center}
  .pz-head > p:not(.lede){max-width:36rem}
}
/* «Не знаете, какой формат выбрать?» — такая же белая плашка, как карточки */
.pz-vybor-karta{display:grid;gap:var(--s3);padding:var(--s6) var(--s5)}
.pz-vybor-karta h2{font-size:var(--t-h3);line-height:1.2;margin:0}
.pz-vybor-karta p{margin:0;max-width:48rem}
.pz-vybor-karta .btn{justify-self:start}
@media(min-width:52rem){.pz-vybor-karta{padding:var(--s6) var(--s7)}}
/* Кнопки обеих карточек на одной высоте — внизу карточки */
@media(min-width:52rem){
  .pz-telo{display:flex;flex-direction:column}
  .pz-telo .pz-niz{margin-top:auto;padding-top:var(--s2)}
}