/* DEV-191: блоки SEO-плана для страниц решений (п. 4.7 плана: «Коротко» 3–5 фактов, сравнение «ИИ-агент против найма / других способов», шаги).
   Подключают только страницы, где эти блоки есть (сейчас /solutions/legal/, /solutions/automation/). Цвета — переменными темы, тёмная — :where(:root.theme-dark). */
.sl-short{padding-top:64px;padding-bottom:0}
.sl-short-box{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:18px 56px;padding:34px 40px;border:1px solid var(--line);border-radius:16px;background:var(--pale)}
.sl-short-box h2{margin:0;font-size:34px;letter-spacing:-1.2px;line-height:1.1}
.sl-short-list{list-style:none;margin:0;padding:0}
.sl-short-list li{padding:12px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.55}
.sl-short-list li:first-child{border-top:0;padding-top:2px}
.sl-short-list li:last-child{padding-bottom:0}
.sl-short-list b{font-weight:600}
.sl-short-list a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sl-compare-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
:where(:root.theme-dark) .sl-compare-wrap{background:#151515}
.sl-compare-wrap:focus-visible{outline:2px solid #e87328;outline-offset:2px}
.sl-compare{width:100%;min-width:var(--min,640px);border-collapse:collapse;font-size:15px;line-height:1.5}
.sl-compare th,.sl-compare td{padding:16px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.sl-compare thead th{border-top:0;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);font-weight:550;padding-top:18px;padding-bottom:14px}
.sl-compare tbody th{font-weight:550;width:22%;color:var(--ink)}
.sl-compare td{color:var(--muted)}
.sl-compare .sl-us{background:#fcf3ec;color:var(--ink)}
.sl-compare thead .sl-us{color:#b4561c}
:where(:root.theme-dark) .sl-compare .sl-us{background:#1f1915}
:where(:root.theme-dark) .sl-compare thead .sl-us{color:#ffad71}
.sl-compare-src{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.sl-compare-src a{color:inherit}
.sl-steps .industry-card h3{margin:18px 0 8px}
.sl-steps .industry-card p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
/* Длинный H1 первого экрана («Автоматизация бизнес-процессов…»): на телефоне самое длинное слово шире колонки и раздвигает страницу — уменьшаем шрифт по ширине экрана */
@media(max-width:480px){#top .hero-copy h1.sl-h1-long{font-size:max(25px,8vw);letter-spacing:-1.2px}#top .hero-copy h1.sl-h1-long+.hero-sub{font-size:max(17px,5vw)}}
/* Кнопки сценариев демо-чата на 320–360px не помещаются в строку — переносим */
@media(max-width:360px){#top .chat-scenario-switch{flex-wrap:wrap;justify-content:center;row-gap:4px}}
@media(max-width:900px){.sl-short-box{grid-template-columns:1fr;gap:14px}.sl-short{padding-top:48px}}
@media(max-width:640px){.sl-short{padding-top:36px}.sl-short-box{padding:24px 20px;border-radius:14px}.sl-short-box h2{font-size:28px}.sl-short-list li{font-size:15px}.sl-compare{font-size:14px}.sl-compare th,.sl-compare td{padding:12px 12px}.sl-compare thead th{font-size:12px}}