/* SEO-страницы (seo/*.html): типографика длинного текста поверх css/site.css. */
.seo{padding-top:8px}
.seo h1{font-size:clamp(30px,5vw,44px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 18px}
.seo .lead{font-size:clamp(17px,2.2vw,19px);color:var(--text-2);margin-bottom:24px}
.seo .btn-row{margin-bottom:12px}
.seo-crumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--text-3)}
.seo-crumbs a{color:var(--text-2);text-decoration:none}
.seo-crumbs a:hover{text-decoration:underline}
.seo-block{margin-top:44px}
.seo-block h2,.seo-cta h2,.seo-related h2{font-size:clamp(22px,3vw,28px);letter-spacing:-.01em;margin:0 0 14px}
.seo-block p{margin:0 0 14px;line-height:1.7;color:var(--text)}
.seo-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.seo-list li{position:relative;padding-left:22px;line-height:1.6}
.seo-list li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--text)}
.seo-example{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-soft)}
.seo-example>div{padding:16px 18px;line-height:1.6}
.seo-example>div span{display:block;font-size:12px;font-weight:600;color:var(--text-3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
.seo-q{border-bottom:1px solid var(--border);background:var(--bg)}
.seo-faq details{border-bottom:1px solid var(--border);padding:14px 0}
.seo-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";color:var(--text-3);font-weight:400;font-size:20px;line-height:1}
.seo-faq details[open] summary::after{content:"−"}
.seo-faq p{margin:10px 0 0;color:var(--text-2);line-height:1.65}
.seo-cta{margin-top:48px;padding:28px;border-radius:20px;background:var(--bg-sunk);text-align:center}
.seo-cta p{color:var(--text-2);margin:0 0 18px}
.seo-related{margin-top:48px}
.seo-related ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.seo-related li{border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.seo-related a{font-weight:600;color:var(--text);text-decoration:none;display:block;margin-bottom:4px}
.seo-related a:hover{text-decoration:underline}
.seo-related span{font-size:14px;color:var(--text-2);line-height:1.5}
@media (max-width:640px){.seo-block{margin-top:34px}.seo-cta{padding:22px 16px}}