html,body{margin:0;min-height:100%;background:#0a0f14;color:#c5ced9;}
body{font-family:Arial,Helvetica,sans-serif;}
.seo-page{max-width:980px;margin:0 auto;padding:22px 18px 40px}
.seo-page-hero{padding:18px 20px;border:1px solid #202b39;border-radius:14px;background:#0e151d;margin-bottom:14px}
.seo-page h1{margin:0;color:#f7fafc;font-size:27px;line-height:1.2;letter-spacing:-.4px}
.seo-page .lead{margin:8px 0 0;color:#9aa6b6;font-size:13px;line-height:1.55}
.seo-page-card{padding:16px 18px;border:1px solid #202b39;border-radius:12px;background:#111821;margin-bottom:10px}
.seo-page h2{margin:0 0 9px;color:#edf2f7;font-size:17px}
.seo-page p,.seo-page li{color:#aeb8c7;font-size:13px;line-height:1.55}
.seo-page p{margin:7px 0}
.seo-page ul,.seo-page ol{margin:8px 0 0;padding-left:22px}
.seo-page li+li{margin-top:5px}
.seo-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.seo-page-mini{padding:13px;border:1px solid #293746;border-radius:10px;background:#121b25}
.seo-page-mini strong{display:block;color:#f0f4f8;font-size:13px;margin-bottom:5px}
.seo-page-mini span{color:#8f9aaa;font-size:12px;line-height:1.45}
.seo-page-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.seo-page-nav a{display:inline-block;padding:8px 11px;border:1px solid #293746;border-radius:9px;background:#121b25;color:#c5ced9;text-decoration:none;font-size:12px}
.seo-page-nav a:hover{color:#fff;border-color:#3a4a5d;background:#17212c}
.seo-page-note{padding:11px 13px;border-left:3px solid #33475d;background:#0e151d;color:#8f9aaa;font-size:12px;line-height:1.5}
.seo-page-footer{margin-top:18px;color:#6f7c8d;font-size:11px}
.seo-page a{color:#b9c6d6}
@media(max-width:700px){.seo-page{padding:14px 12px 28px}.seo-page h1{font-size:22px}.seo-page-grid{grid-template-columns:1fr}.seo-page-card{padding:13px 14px}}