/* Используем палитру, шрифт и кнопки основной темы. Стили ограничены разделом
   публикаций и небольшим блоком рекомендаций, чтобы не менять форму recovery. */
.editorial-page{padding:64px 0 85px;background:linear-gradient(150deg,#f3f8ff 0%,#fff 55%)}
.editorial-heading{max-width:820px;margin-bottom:42px}.editorial-heading h1{font-size:clamp(46px,6vw,72px);margin:16px 0 24px;letter-spacing:-.01em}.editorial-heading>p:last-child{font-size:24px;color:var(--muted);max-width:700px}
.articles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.article-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:0}.article-card-image{display:block;overflow:hidden;aspect-ratio:1200/630;background:var(--paper)}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.article-card:hover .article-card-image img{transform:scale(1.025)}.article-card-copy{padding:28px}.article-card h2{font-size:32px;line-height:1.15;letter-spacing:0;margin:17px 0}.article-card h2 a:hover{color:var(--blue)}.article-card-copy>p:not(.article-meta){color:var(--muted);font-size:21px}.article-card .text-link{margin-top:24px}.article-meta{font-size:17px;color:var(--muted);line-height:1.55}.article-meta span{margin:0 9px}.articles-pagination{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}.articles-pagination a,.articles-pagination .current{padding:8px 16px;border:1px solid var(--line);border-radius:10px}.articles-pagination .current{background:var(--blue);color:white}
.article-heading{max-width:1060px;margin:auto}.article-back{margin-bottom:30px}.article-heading h1{font-size:clamp(37px,4.8vw,62px);line-height:1.08;letter-spacing:0;margin:18px 0 24px;text-wrap:balance}.article-cover{border-radius:22px;overflow:hidden;margin-top:32px;border:1px solid var(--line);background:var(--paper)}.article-cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:48px;justify-content:center;margin-top:48px}.article-sidebar{min-width:0}.article-toc{position:sticky;top:30px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;max-height:calc(100vh - 60px);overflow:auto}.article-toc h2{font-size:25px;letter-spacing:0;margin-bottom:18px}.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li+li{margin-top:12px}.article-toc a{display:block;font-size:18px;line-height:1.3;color:#405575}.article-toc a:hover{color:var(--blue)}.article-toc .toc-level-3{padding-left:13px}.article-toc .toc-level-3 a{font-size:16px;color:var(--muted)}
.article-body{font-size:23px;line-height:1.65;min-width:0}.article-body p{margin:0 0 20px}.article-body h2{font-size:34px;line-height:1.15;letter-spacing:0;margin:48px 0 22px;scroll-margin-top:35px}.article-body h3{font-size:27px;line-height:1.25;letter-spacing:0;margin:32px 0 17px;scroll-margin-top:35px}.article-body a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.article-body ul,.article-body ol{padding-left:26px;margin:18px 0 25px}.article-body li+li{margin-top:9px}.article-body blockquote{margin:28px 0;padding:22px 26px;border-left:4px solid var(--blue);background:var(--paper);border-radius:0 16px 16px 0}.article-body blockquote p:last-child{margin-bottom:0}.article-body .article-source{font-size:18px;color:var(--muted)}.article-service{background:linear-gradient(135deg,#edf5ff,#f8fbff);border:1px solid var(--line);border-radius:22px;padding:28px;margin:38px 0}.article-service h2{margin:13px 0 15px}/* Кнопка находится внутри текста статьи, где .entry-content a делает ссылки
   синими и подчёркнутыми. Явно задаём её оформление во всех состояниях:
   надпись остаётся белой, а SVG-стрелка наследует тот же цвет через currentColor. */
.article-service a.button,
.article-service a.button:visited,
.article-service a.button:hover,
.article-service a.button:focus-visible{color:#fff;text-decoration:none;white-space:normal;text-align:center}.article-service p{line-height:1.45}.article-return{margin-top:5px}
.recovery-reading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:40px}.recovery-reading h2{font-size:29px;letter-spacing:0;margin:12px 0}.recovery-reading p:not(.eyebrow){color:var(--muted);font-size:20px;max-width:700px}.recovery-reading .button{flex-shrink:0}
@media(max-width:1000px){.article-layout{grid-template-columns:1fr;gap:30px}.article-sidebar{max-width:760px;width:100%;margin:auto}.article-toc{position:static;max-height:none}.article-toc ol{columns:2;column-gap:28px}.article-toc li{break-inside:avoid}.article-body{max-width:760px;width:100%;margin:auto}}
@media(max-width:700px){.editorial-page{padding:38px 0 50px}.editorial-heading{margin-bottom:28px}.editorial-heading>p:last-child{font-size:21px}.articles-grid{grid-template-columns:1fr;gap:20px}.article-card-copy{padding:22px}.article-card h2{font-size:28px}.article-heading h1{font-size:39px}.article-cover{margin-top:24px;border-radius:15px}.article-meta{font-size:16px}.article-layout{margin-top:28px}.article-toc ol{columns:1}.article-body{font-size:21px;line-height:1.6}.article-body h2{font-size:30px;margin-top:36px}.article-body h3{font-size:25px}.article-service{padding:23px}.article-service .button{width:100%;font-size:18px;padding-inline:16px;gap:10px}.recovery-reading{flex-direction:column;align-items:flex-start;padding:23px;margin-top:28px}.recovery-reading h2{font-size:27px}.recovery-reading .button{width:100%}}

/* Две рекомендации на recovery используют ту же карточку, что и раньше.
   Область формы не затрагиваем. На узком экране кнопки переносятся вниз. */
.recovery-materials{margin-top:40px}.recovery-materials>h2{font-size:34px;letter-spacing:0}.recovery-materials .recovery-reading{margin-top:18px}.recovery-reading h3{font-size:29px;line-height:1.2;letter-spacing:0;margin:0 0 12px}.recovery-reading>div{min-width:0}
.article-related{padding:26px;border:1px solid var(--line);background:var(--paper);border-radius:18px;margin:30px 0}.article-body .article-related h3{margin:0 0 14px}.article-related .button{color:var(--blue);text-decoration:none}.article-related .button:hover{color:#fff}
@media(max-width:700px){.recovery-materials{margin-top:28px}.recovery-materials>h2{font-size:30px}.recovery-reading h3{font-size:27px}.article-related{padding:22px}.article-related .button{width:100%}}