/* ============================================================================
   Дель Кам — переходный шаблон single.php (записи `post`: врачи и услуги
   без своего CPT, пока Elementor Pro не отключён и контент не перенесён).
   Токены — из assets/tokens.css, здесь только своя разметка. Классы скопом
   dkLP__*, чтобы не конфликтовать с dkD__*/dkK__* других шаблонов.
   ========================================================================== */

/* Блок .dkLP__* новый — не входит в существующий :is(...) список
   box-sizing в service-page.css, поэтому объявляет своё, а не полагается
   на *{box-sizing:border-box} родителя hello-elementor (уйдёт на этапе 5). */
.dkLP,
.dkLP *,
.dkLP *::before,
.dkLP *::after { box-sizing: border-box; }

.dkLP { padding: var(--section-y, 72px) 0; }
.dkLP__wrap { max-width: 760px; margin: 0 auto; padding: 0 var(--gutter, 20px); }

.dkLP__media { margin: 0 0 24px; }
.dkLP__photo {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--r-lg);
}

.dkLP__eyebrow {
  margin: 0 0 8px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--cyan);
}

.dkLP__h1 {
  margin: 0 0 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
  color: var(--ink);
}

.dkLP__h2 {
  margin: 0 0 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: var(--ink);
}

.dkLP__role { margin: 0 0 20px; font-size: 17px; color: var(--body); }

.dkLP__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 28px;
}
.dkLP__fact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 16px;
  background: var(--air);
  border: 1px solid var(--line);
  border-radius: var(--r-md);
}
.dkLP__factLabel { font-size: 12px; color: var(--muted); }
.dkLP__factVal { font-size: 15px; font-weight: 600; color: var(--ink); }

.dkLP__block { margin: 0 0 28px; }

.dkLP__text { margin: 0; color: var(--body); line-height: 1.6; }

.dkLP__richtext { margin: 0 0 24px; color: var(--body); line-height: 1.6; }
.dkLP__richtext p { margin: 0 0 16px; }
.dkLP__richtext ul { margin: 0 0 16px; padding-left: 20px; }
.dkLP__richtext li { margin: 0 0 8px; }
.dkLP__richtext h2,
.dkLP__richtext h3 { color: var(--ink); font-family: 'Montserrat', sans-serif; }
.dkLP__richtext a { color: var(--cyan); }

.dkLP__note { font-size: 14px; color: var(--muted); }
.dkLP__note a { color: var(--cyan); }