/* =====================================================================
   Блог — список статей (page-blog.php) и статья (single.php), inc/blog.php.
   Подключается после massage.css и lymph.css: крошки, вопросы, кнопки — оттуда. Свои блоки — glblog-.
   Текст статьи — узкая колонка ~720 px, крупный интервал: её читают целиком.
   ===================================================================== */

.glblog-head {padding:28px 0 30px;background:#f9efe4}
.glblog-head--list {padding-bottom:44px}
.glblog-narrow {max-width:900px}
.glblog-head h1 {margin-top:22px;font:300 52px/1.05 var(--display);letter-spacing:-.012em;text-wrap:balance}
.glblog-lead {max-width:720px;margin-top:18px;color:var(--glm-text);font-size:19px;line-height:1.55;text-wrap:pretty}
.glblog-meta {margin-top:16px;color:#6a675f;font-size:14px}

.glblog-cover {margin:32px auto 0}
.glblog-cover img {display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:22px}

.glblog-layout {display:grid;grid-template-columns:240px minmax(0,720px);gap:56px;justify-content:center;padding-top:40px;padding-bottom:64px}
.glblog-layout:not(:has(.glblog-toc)) {grid-template-columns:minmax(0,720px)}
.glblog-toc {position:sticky;top:110px;align-self:start;padding:18px 20px;border:1px solid var(--glm-line);border-radius:16px;background:#fff}
.glblog-toc__title {color:var(--ink);font-weight:500;font-size:15px}
.glblog-toc ol {display:grid;gap:8px;margin:12px 0 0;padding-left:18px;color:var(--glm-text);font-size:14px;line-height:1.4}
.glblog-toc a:hover {color:var(--olive-dark);text-decoration:underline;text-underline-offset:3px}

/* Текст статьи */
.glblog-body {min-width:0;color:#4f554c;font-size:17.5px;line-height:1.72}
.glblog-body>*+* {margin-top:18px}
.glblog-body h2 {margin-top:44px;color:var(--ink);font:350 31px/1.18 var(--display);letter-spacing:-.01em;text-wrap:balance}
.glblog-body h3 {margin-top:30px;color:var(--ink);font:400 22px/1.25 var(--display)}
.glblog-body ul,.glblog-body ol {padding-left:22px}
.glblog-body li+li {margin-top:8px}
.glblog-body a {color:var(--olive-dark);text-decoration:underline;text-decoration-color:#c9cfbf;text-underline-offset:4px}
.glblog-body a:hover {text-decoration-color:currentColor}
.glblog-body strong {color:var(--ink);font-weight:600}
.glblog-body blockquote {margin-left:0;padding:16px 20px;border-left:3px solid var(--glm-gold);border-radius:0 12px 12px 0;background:var(--glm-warm);color:var(--ink)}
.glblog-body figure {margin:26px 0}
.glblog-body figure img {display:block;width:100%;height:auto;border-radius:16px}
.glblog-body figcaption {margin-top:8px;color:#6a675f;font-size:14px}
/* Таблицы — на телефоне прокручиваются внутри себя, страница не едет */
.glblog-table {overflow-x:auto;margin-top:22px;border:1px solid var(--glm-line);border-radius:14px;background:#fff}
.glblog-body table {width:100%;min-width:520px;border-collapse:collapse;font-size:15.5px;line-height:1.45}
.glblog-body th {padding:12px 14px;background:var(--glm-warm);color:var(--ink);font-weight:500;text-align:left}
.glblog-body td {padding:11px 14px;border-top:1px solid #f1ebe2;vertical-align:top}
/* Врезка «у нас в клинике» */
.glblog-note {padding:20px 22px;border:1px solid #e3d6c3;border-radius:16px;background:#fbf6ee}
.glblog-note>*+* {margin-top:10px}

.glblog-faq__title {margin-top:48px}
.glblog-faq {margin-top:14px}

/* Следующий шаг — одна услуга */
.glblog-cta {margin-top:48px;padding:30px 32px;border-radius:22px;background:linear-gradient(103deg,#f3e9dc,#faf6ef 60%,#f1e7d9)}
.glblog-cta__kicker {color:#6a675f;font-size:14px}
.glblog-body .glblog-cta__title {margin-top:8px;font-size:30px}
.glblog-cta p:not(.glblog-cta__kicker) {margin-top:12px}
.glblog-cta__actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:22px}
.glblog-body .glblog-cta__actions a {text-decoration:none}
.glblog-body .glblog-cta__actions .button {color:#fff}

/* Карточки статей */
.glblog-more {background:#fff}
.glblog-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.glblog-card {display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #ece5da;border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.glblog-card:hover {border-color:var(--olive);box-shadow:0 10px 24px rgba(108,86,49,.08)}
.glblog-card img {display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}
.glblog-card__title {padding:18px 20px 0;color:var(--ink);font:350 22px/1.22 var(--display);letter-spacing:-.008em}
.glblog-card__text {padding:10px 20px 20px;color:var(--glm-text);font-size:15px;line-height:1.5}
.glblog-pages {display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.glblog-pages .page-numbers {padding:8px 14px;border:1px solid var(--glm-line);border-radius:40px}
.glblog-pages .current {background:var(--olive);border-color:var(--olive);color:#fff}

@media(max-width:1100px){
 .glblog-layout{grid-template-columns:minmax(0,720px);gap:24px}
 .glblog-toc{position:static}
 .glblog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .glblog-head h1{font-size:36px}
 .glblog-lead{font-size:17px}
 .glblog-body{font-size:16.5px}
 .glblog-body h2{font-size:26px}
 .glblog-cta{padding:24px 20px}
 .glblog-cards{grid-template-columns:minmax(0,1fr)}
 .glblog-cover img{border-radius:0}
 .glblog-cover{padding-inline:0}
}