/* === CTA-блок «Запис до лікаря-автора» (варіант 1b), v1.4 ===
   Порядок: картка автора → надзаголовок → заголовок → підзаголовок → кнопки → чіпи.
   Розраховано на колонку статті 860px (виміряно 14.08.2026).
   Селектори навмисно з префіксом .psm-cta — щоб перебити стилі теми
   для h2/p/a/ul/li/img усередині контенту статті. Не спрощувати.
   box-sizing задаємо локально — блок не залежить від ресету теми.
   Шрифт не задаємо — успадковується Inter з теми. */
.psm-cta,.psm-cta *{box-sizing:border-box}
.psm-cta p{margin:0}
.psm-cta{position:relative;overflow:hidden;margin-top:48px;padding:38px 40px 34px;
  border-radius:22px;background:#153c2e;color:#fff}
.psm-cta::before{content:"";position:absolute;top:-90px;right:-70px;width:280px;height:280px;
  border-radius:50%;background:radial-gradient(circle,rgba(84,137,68,.45),transparent 70%);
  pointer-events:none}
.psm-cta>*{position:relative}

.psm-cta .psm-cta__eyebrow{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#8fca7e}
.psm-cta .psm-cta__title{margin:0 0 12px;max-width:600px;font-size:29px;line-height:1.15;
  font-weight:800;letter-spacing:-.015em;color:#fff}
.psm-cta .psm-cta__sub{margin:0 0 26px;max-width:560px;font-size:16px;line-height:1.55;
  color:#cfe0c8}

.psm-cta .psm-cta__btns{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.psm-cta .psm-cta__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 30px;border-radius:999px;font-size:16px;font-weight:700;line-height:1;
  text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease}
.psm-cta .psm-cta__btn svg{flex:none}
.psm-cta .psm-cta__btn--book{background:#7ec86a;color:#123024;font-weight:800}
.psm-cta .psm-cta__btn--book:hover,
.psm-cta .psm-cta__btn--book:focus{background:#8fd47c;color:#123024;text-decoration:none}
.psm-cta .psm-cta__btn--call{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.psm-cta .psm-cta__btn--call:hover,
.psm-cta .psm-cta__btn--call:focus{color:#fff;text-decoration:none;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}

.psm-cta .psm-cta__author{display:flex;align-items:center;gap:16px;margin:0 0 26px;padding:16px 18px;
  border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.psm-cta .psm-cta__author img{width:60px;height:60px;border-radius:50%;object-fit:cover;
  flex:none;margin:0 !important;padding:0;border:0;box-shadow:none}
/* Тема задає власні поля й line-height елементам усередині контенту статті.
   Гасимо обидва можливі джерела зайвої висоти картки: поля зображення
   та поля/інтерліньяж текстових рядків. Точні значення нижче — наші. */
.psm-cta .psm-cta__author-txt{flex:1;min-width:120px;margin:0 !important;padding:0 !important}
.psm-cta .psm-cta__author-name{margin:0 !important;font-size:16px;line-height:1.3;
  font-weight:700;color:#fff}
.psm-cta .psm-cta__author-role{margin:0 !important;font-size:13.5px;line-height:1.35;
  color:#a9c3a0}
.psm-cta .psm-cta__author-bio{margin:4px 0 0 !important;font-size:14px;line-height:1.45;
  color:#a3be9b}
/* Посилання-кнопка. Кегль лишається 13,5px — на рівні чіпів і нижче за ім'я
   лікаря (16px), щоб не перетягувати на себе увагу. line-height задано явно:
   тема нав'язує власний, а від нього залежить висота цілі для дотику. */
.psm-cta .psm-cta__profile{display:inline-flex;align-items:center;
  margin-left:auto;flex:none;padding:9px 16px;border-radius:999px;
  background:rgba(143,202,126,.18);
  font-size:13.5px;line-height:1.2;font-weight:700;color:#fff;
  text-decoration:none;white-space:nowrap;transition:background-color .18s ease}
.psm-cta .psm-cta__profile:hover,
.psm-cta .psm-cta__profile:focus{background:rgba(143,202,126,.3);color:#fff;
  text-decoration:none}
.psm-cta .psm-cta__profile:focus-visible{outline:2px solid #8fca7e;outline-offset:2px}

.psm-cta .psm-cta__services{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;
  list-style:none}
.psm-cta .psm-cta__services li{margin:0;padding:0;list-style:none;background:none}
.psm-cta .psm-cta__services li::before{content:none;display:none}
.psm-cta .psm-cta__services a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;
  border-radius:999px;background:rgba(255,255,255,.09);color:#eaf3e6;font-size:13.5px;
  font-weight:600;text-decoration:none;transition:background-color .18s ease}
.psm-cta .psm-cta__services a:hover,
.psm-cta .psm-cta__services a:focus{background:rgba(255,255,255,.16);color:#fff;
  text-decoration:none}
.psm-cta .psm-cta__services b{color:#8fca7e;font-weight:700;white-space:nowrap}

@media (max-width:600px){
  .psm-cta{padding:28px 22px;border-radius:18px}
  .psm-cta .psm-cta__title{font-size:23px}
  .psm-cta .psm-cta__sub{font-size:15px}
  .psm-cta .psm-cta__btns{flex-direction:column}
  .psm-cta .psm-cta__btn{width:100%}
  .psm-cta .psm-cta__author{flex-wrap:wrap}
  /* Довгий підпис «Сторінка лікаря» не вміщується при відступі 76px
     на екранах вужчих за 414px — вирівнюємо по лівому краю панелі. */
  .psm-cta .psm-cta__profile{margin-left:0}
}