/* Claude-стиль журнала — применяется ТОЛЬКО на блоге (pages/article.blade.php).
   Шрифты: /css/article-fonts.css (Inter + Source Serif 4, self-hosted). Перебивает инлайн-стили шаблона. */
.article-h1{ font-family:'Source Serif 4',Georgia,serif!important; letter-spacing:-.018em; font-size:31px; line-height:1.16; }
.article-lead{ font-family:'Inter',system-ui,sans-serif!important; font-size:17px; line-height:1.72; opacity:1; }

.article-body{
  --accent:#CC785C; --accent-soft:rgba(204,120,92,.32);
  --c-ink:#22201C; --c-muted:#6f6b64; --c-rule:#E6E2D8; --c-thead:#F4F1E9;
  font-family:'Inter',system-ui,sans-serif!important; color:var(--c-ink); font-size:17px; line-height:1.72;
  max-width:760px;
}
.article-body p,.article-body li,.article-body td,.article-body th,.article-body a,
.article-body strong,.article-body blockquote,.article-body figcaption{
  font-family:'Inter',system-ui,sans-serif!important;
}
.article-body h2,.article-body h3,.article-body h4{
  font-family:'Source Serif 4',Georgia,serif!important; color:var(--c-ink); font-weight:600; letter-spacing:-.01em;
}
.article-body h2{ font-size:27px; line-height:1.2; margin:44px 0 14px; }
.article-body h3{ font-size:21px; line-height:1.25; margin:30px 0 8px; }
.article-body p{ font-size:17px; line-height:1.72; color:var(--c-ink); opacity:1; margin:0 0 16px; }
.article-body li{ font-size:17px; line-height:1.6; }
.article-body ul li::marker,.article-body ol li::marker{ color:var(--accent); }
.article-body a:not([href^="#"]){ color:var(--accent); text-decoration:none; border-bottom:1px solid var(--accent-soft); }
.article-body a:not([href^="#"]):hover{ border-bottom-color:var(--accent); opacity:1; }
.article-body a[href^="#"]{ font-family:'Source Serif 4',Georgia,serif!important; font-weight:500; color:var(--c-ink); }
.article-body table{ border-collapse:separate; border-spacing:0; border:1px solid var(--c-rule); border-radius:12px; overflow:hidden; font-size:15px; background:#fff; }
.article-body th,.article-body td{ border:none; border-bottom:1px solid var(--c-rule); padding:12px 14px; vertical-align:top; }
.article-body thead th{ background:var(--c-thead); font-weight:600; color:var(--c-ink); }
.article-body tbody tr:last-child td{ border-bottom:none; }
.article-body blockquote{ background:none; border-left:3px solid var(--accent); padding:2px 0 2px 18px; color:var(--c-muted); }
/* FAQ: вопросы Inter (не serif-заголовки); шеврон/раскрытие — родные сайта */
.article-body .faq-q{ font-family:'Inter',system-ui,sans-serif!important; font-size:17px!important; font-weight:600; color:var(--c-ink); }
.article-body .faq-a{ font-family:'Inter',system-ui,sans-serif!important; }

/* Мобильная версия — кегли меньше (брейк как у шаблона ~640px) */
@media (max-width: 640px){
  .article-h1{ font-size:25px; }
  .article-lead{ font-size:16px; }
  .article-body{ font-size:16px; line-height:1.68; }
  .article-body p{ font-size:16px; line-height:1.68; }
  .article-body li{ font-size:16px; }
  .article-body h2{ font-size:22px; margin:34px 0 12px; }
  .article-body h3{ font-size:18px; margin:24px 0 8px; }
  .article-body .faq-q{ font-size:16px!important; }
  .article-body table{ font-size:14px; }
  .article-body th,.article-body td{ padding:10px 12px; }
}

/* Оглавление: подпись «Содержание» сверху + разделители над и под блоком (как article-divider) */
.article-body ul:has(> li > a[href^="#"]){
  border-top:1px solid var(--c-rule); border-bottom:1px solid var(--c-rule);
  padding:18px 0 8px; margin:28px 0;
}
.article-body ul:has(> li > a[href^="#"])::before{
  content:"Содержание"; display:block;
  font-family:'Source Serif 4',Georgia,serif; font-size:16px; font-weight:600;
  color:var(--c-ink); margin-bottom:12px; letter-spacing:-.01em;
}

/* FAQ-блок: разделители сверху и снизу (как у оглавления) */
.article-body .faq-block{
  border-top:1px solid var(--c-rule); border-bottom:1px solid var(--c-rule);
  padding:8px 0 20px; margin:28px 0;
}
.article-body .faq-block #faq{ margin-top:0; }