/* P8 v2 · редакция 2. Добавя се след ../v2.css. Макет, не е публикуван. */

/* ---------- Гласът на автора: оригиналните текстове са в Literata, практическата информация — в Inter ---------- */
.av{font:400 19px/1.66 var(--serif);color:var(--ink);text-wrap:pretty}
.av+.av,.av+p,p+.av{margin-top:.85em}
.about2 p.av,.read p.av,.faq p.av{font-size:19px;line-height:1.66}
p,li,dd,blockquote{hyphens:manual}
p{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}

/* H2 със стила на малък етикет (запазва структурата на заглавията на сайта) */
h2.chap__no{font:var(--lbl);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:0 0 16px;max-width:none}
.dark h2.chap__no{color:var(--gold-t)}

/* ---------- Връзки с достатъчна площ за докосване (≥ 44 px) ---------- */
.tlink,.flow-link a,.essay .more{display:inline-flex;align-items:flex-end;min-height:44px;padding-bottom:4px;font:500 15px/1.3 var(--ui);font-style:normal;color:var(--ink);border-bottom:1px solid var(--gold)}
.dark .tlink{color:var(--on)}
.tlinks{display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:28px}

/* ---------- Мнения: една водеща реплика и две след нея, без карти ---------- */
.voices{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 64px;margin-top:36px}
.voices blockquote{border-top:1px solid var(--rule);padding-top:22px}
.voices blockquote:first-child{grid-column:1/-1;font-size:25px;line-height:1.55;max-width:32em;border-top:0;padding-top:0}

/* ---------- Есето: четим ред 60–70 знака ---------- */
.essay--full blockquote{font-size:26px;line-height:1.62;max-width:33em}
.essay--short blockquote{font-size:26px;line-height:1.6;max-width:33em}

/* ---------- Терапии: пълната връзка за деца остава като ред от съдържанието ---------- */
.toc a{color:inherit}

/* ---------- Контакти: без декоративна снимка отзад — спокоен тъмен фон, ясна информация ---------- */
.close .bg{display:none}
.close::before{display:none}
.hours dd{font-size:16.5px}

/* ---------- Статия: полезни връзки и автор ---------- */
.read .also{font-size:16.5px;color:var(--text);margin-top:24px}
.read .also a{color:var(--ink);border-bottom:1px solid var(--gold)}
.read p a,.read li a{color:var(--ink);border-bottom:1px solid rgba(165,141,102,.7)}

/* ---------- Телефон ---------- */
@media (max-width:640px){
  /* портретът: цялата глава с въздух над косата и под брадичката, на всяка ширина */
  .hero__photo{height:72vw}
  .hero__photo img{object-position:50% 20%}
  /* преливането започва по-ниско — брадичката остава ясно видима */
  .hero__photo::before{background:linear-gradient(0deg,var(--ink-d) 0%,rgba(4,26,37,.35) 9%,rgba(4,26,37,0) 20%)}
  .av,.about2 p.av,.read p.av,.faq p.av{font-size:17.5px;line-height:1.62}
  .voices{grid-template-columns:1fr;gap:30px}
  .voices blockquote:first-child{font-size:19.5px}
  .essay--full blockquote,.essay--short blockquote{font-size:19.5px;line-height:1.62}
  .tlinks{gap:0 22px}
  .hours dd{font-size:16px}
}

/* ---------- Само за прегледа: етикети с кода на оригиналния текст (?kod=1) ---------- */
.kod [data-code]{outline:2px dashed #B5651D;outline-offset:6px;position:relative}
.kod [data-code]::after{content:attr(data-code);position:absolute;top:-14px;right:-6px;background:#B5651D;color:#fff;font:600 12px/1 var(--ui);font-style:normal;padding:4px 7px;letter-spacing:.04em;text-transform:none;z-index:4}

/* ---------- Контраст WCAG AA за дребния текст върху хартия ---------- */
:root{--muted:#4F6169}
.chap__no,h2.chap__no,.toc .n,.margin .lbl{color:#75603F}
.dark .chap__no,.dark h2.chap__no{color:var(--gold-t)}
.voices cite,.essay blockquote footer{color:#4A5B63}

/* ---------- Размер и площ за докосване ---------- */
.tlink,.flow-link a,.essay .more{font-size:16px}
.faq p a,.read p a{font:inherit;border-bottom:1px solid rgba(117,96,63,.8)}
.toc .n{font-size:16px}
.toc .ar{color:#75603F}
.rating{padding-top:16px;padding-bottom:9px}
.hours a{display:inline-block;padding:12px 0}
.faq a.tlink{font:500 16px/1.3 var(--ui)}
.fees span:nth-child(2){font-size:16px}
.fees div>span.note2{font-size:16px}
.author span{font-size:16px!important}
.brand{min-height:44px;justify-content:center}
.nav a{padding:16px 0}
.nav .tel{padding:15px 16px}
@media (max-width:640px){.hero .sub{font-size:16px}}

/* ---------- Дължина на реда: есе 60–70 знака, статии ~66 ---------- */
.essay--full blockquote{font-size:23px;line-height:1.66;max-width:33.5em}
.read{--measure:57ch}
@media (max-width:640px){.essay--full blockquote{font-size:19.5px}}

/* Странично поле 22 px за текстовете на телефон (koncepcia.css го нулираше с .read{padding:56px 0}) */
@media (max-width:640px){.wrap.read{padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}}

/* Статия на телефон: първо трохи, H1 и първи абзац, после сгънато „Съдържание“ (без заглавни тагове — структурата остава като на сайта) */
.toc-m{display:none}
@media (max-width:640px){
  .read .margin{display:none}
  .toc-m{display:block;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:22px 0}
  .toc-m summary{min-height:44px;display:flex;align-items:center;font:var(--lbl);letter-spacing:.08em;text-transform:uppercase;color:#75603F;cursor:pointer}
  .toc-m ol{list-style:none;margin:0;padding:0 0 12px}
  .toc-m li{padding:7px 0;font-size:16px;color:var(--text)}
}

/* въпросите не са заглавия — както на сайта */
.faq .fq{font:400 22px/1.35 var(--serif);color:var(--ink);margin-bottom:8px}
@media (max-width:640px){.faq .fq{font-size:19px}}