/* ============================================================
   arbat-ufa.com — стили GEO/AEO-статей услуг (.sa-article)
   Классы-хуки для 29 статей из seo-docs/final/.
   Подключается в чанке inc_meta: assets/tpl/css/articles.css
   ============================================================ */

.sa-article{max-width:860px;margin:0 auto;color:#2f3640;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.sa-article h1{font-size:1.9em;line-height:1.25;margin:0 0 .5em;color:#1b2a36}
.sa-article h2{font-size:1.45em;line-height:1.3;margin:1.8em 0 .6em;padding-bottom:.35em;border-bottom:2px solid #eef1f4;color:#1b2a36}
.sa-article h3{font-size:1.15em;margin:1.4em 0 .4em;color:#1b2a36}
.sa-article p{margin:0 0 1em}
.sa-article strong{font-weight:700}
.sa-article a{color:#0b6bcb;text-decoration:underline;text-underline-offset:3px}
.sa-article ul,.sa-article ol{margin:0 0 1.1em;padding-left:1.4em}
.sa-article li{margin-bottom:.35em}
.sa-article table{border-collapse:collapse;width:100%;margin:0 0 1.2em;font-size:.95em}
.sa-article th,.sa-article td{border:1px solid #dfe4e9;padding:.55em .7em;text-align:left;vertical-align:top}
.sa-article th{background:#f4f6f8;font-weight:700}
.sa-article .sa-lead{font-size:1.12em;color:#41505c}
.sa-article .sa-author{display:flex;gap:.8em;align-items:center;padding:.85em 1em;margin:0 0 1.6em;background:#f6f8fa;border-left:3px solid #b9c4cd;border-radius:0 6px 6px 0;font-size:.92em;color:#41505c}
.sa-article .sa-author b{color:#1b2a36}
.sa-article .sa-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;object-fit:cover;object-position:center;background:#e6eaee;display:block}
.sa-article .sa-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8em;margin:0 0 1.6em}
.sa-article .sa-fact{background:#f6f8fa;border:1px solid #e6eaee;border-radius:8px;padding:.9em 1em;text-align:center}
.sa-article .sa-fact b{display:block;font-size:1.55em;line-height:1.1;color:#1b2a36}
.sa-article .sa-fact span{display:block;margin-top:.3em;font-size:.85em;color:#5b6b77}
.sa-article .sa-key,.sa-article .sa-summary{background:#f6f8fa;border:1px solid #e6eaee;border-radius:8px;padding:1.1em 1.3em;margin:0 0 1.6em}
.sa-article .sa-key h2,.sa-article .sa-summary h2{border:0;margin:.2em 0 .6em;padding:0}
.sa-article .sa-toc{background:#fbfcfe;border:1px solid #e6eaee;border-radius:8px;padding:1.1em 1.3em;margin:0 0 1.6em}
.sa-article .sa-toc ol{margin:0;padding-left:1.3em}
.sa-article .sa-toc a{text-decoration:none}
.sa-article .sa-faq h3::before{content:"Вопрос: ";font-weight:400;color:#6b7a86}
.sa-article .sa-steps>li{margin-bottom:.6em}
.sa-article .sa-case{background:#fbfcfe;border:1px solid #e6eaee;border-left:4px solid #b9c4cd;border-radius:0 8px 8px 0;padding:1em 1.2em;margin:0 0 1em}
.sa-article .sa-case h3{margin-top:0}
.sa-article blockquote{margin:1.3em 0;padding:.85em 1.2em;border-left:4px solid #9fb0bd;background:#f6f8fa;color:#41505c;font-style:italic}
.sa-article blockquote p{margin:0 0 .45em}
.sa-article blockquote cite{display:block;font-style:normal;font-size:.9em;color:#5b6b77}
@media (max-width:600px){.sa-article h1{font-size:1.55em}.sa-article{font-size:15.5px}.sa-article .sa-author{align-items:flex-start}}
