/* seo.css — 53 правил */

.idx-hidden{display:none}
[data-theme="dark"] .seo-text-block{background:#242F3D;border:1px solid rgba(255,255,255,0.04)}
.seo-text-block p{margin:0 0 12px}
.seo-text-block p:last-child{margin-bottom:0}
.seo-table-block{width:100%;max-width:1280px;box-sizing:border-box;margin:0 auto 32px;background:#242F3D;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:24px}
.seo-table-block details{background:rgba(15,23,42,0.5);border:1px solid rgba(255,255,255,0.06);border-radius:10px;margin-bottom:10px;overflow:hidden;transition:border-color .2s,background .2s}
.seo-table-block details:last-of-type{margin-bottom:0}
.seo-table-block details[open]{background:rgba(15,23,42,0.7);border-color:rgba(255,185,0,0.2)}
.seo-table-block summary::-webkit-details-marker{display:none}
.seo-table-block summary::marker{display:none}
.seo-table-block summary:hover{color:#FFD140}
.seo-table-block details[open] summary{color:#fff}
.seo-table-block summary span:first-child{flex:1}
.seo-table-block summary span:last-child{display:none}
.seo-table-block details[open] summary::after{content:"\2212";color:#FFB900}
.seo-table-block details > div{padding:0;border-top:1px solid rgba(255,255,255,0.05)}
.seo-table-block th,.seo-table-block td{padding:9px 11px;border:1px solid rgba(255,255,255,0.08);text-align:left;vertical-align:top;line-height:1.5;word-break:break-word;overflow-wrap:anywhere;white-space:normal}
.seo-table-block td small{color:#94a3b8}
.seo-table-block td strong{color:#f1f5f9}
.blog-breadcrumbs a{color:#FFB900;text-decoration:none}
.blog-breadcrumbs a:hover{color:#FFD140}
.blog-breadcrumbs .bc-sep{margin:0 6px;color:#475569}
.blog-breadcrumbs .bc-current{color:#cbd5e1}
.blog-section{margin:0 0 40px}
.blog-section p{margin:0 0 16px}
.blog-section ul.blog-list{margin:0 0 16px 0;padding-left:22px}
.blog-section ul.blog-list li{margin:0 0 8px}
.blog-toc{margin:0;padding-left:22px;color:#cbd5e1}
.blog-toc li{margin:0 0 6px}
.blog-toc a{color:#FFB900;text-decoration:none}
.blog-toc a:hover{color:#FFD140;text-decoration:underline}
.blog-compare-table th,.blog-compare-table td{padding:12px 14px;border:1px solid rgba(255,255,255,0.08);text-align:left;vertical-align:top}
.blog-compare-table tr:nth-child(even) td{background:rgba(15,23,42,0.3)}
.blog-back a{color:#FFB900;text-decoration:none}
.blog-back a:hover{color:#FFD140}
.blog-index-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.blog-index-card{display:block;background:#242F3D;border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:24px;text-decoration:none;color:inherit;transition:border-color .2s,transform .1s}
.blog-index-card:hover{border-color:rgba(255,185,0,0.4);transform:translateY(-2px)}
.blog-cats{margin:0 0 40px}
.blog-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.blog-cat-card{display:block;background:#242F3D;border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .2s,transform .1s}
.blog-cat-card:hover{border-color:rgba(255,185,0,0.4);transform:translateY(-2px)}
.blog-latest{margin:0 0 24px}
.blog-related{margin:32px 0 0;padding-top:24px;border-top:1px solid rgba(255,255,255,0.08)}
.blog-related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.blog-related-item:hover{border-color:rgba(255,185,0,0.3);color:#FFB900}
.brands-seo-p{margin:0 0 14px;color:#94a3b8}
.brands-seo-p a{color:#FFB900;text-decoration:none}
.brands-seo-p a:hover{text-decoration:underline}
.brands-seo-list{margin:0 0 16px;padding-left:22px;color:#94a3b8}
.brands-seo-list li{margin-bottom:6px;line-height:1.7}
.brands-seo-list-numbered{counter-reset:list-item}
.idx-seo-text{max-width:1230px;margin:32px auto;padding:28px 28px;background:#272F3C;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.3);box-sizing:border-box}