*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Roboto,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.65;color:#1f2937;background:#f7f7f4}
a{color:#1e5091;text-decoration:none}a:hover{text-decoration:underline}
.seo-header{background:#1e5091;color:#fff;padding:1rem}
.seo-header .wrap{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.seo-header a{color:#fff}
.seo-header .logo{font-size:1.4rem;font-weight:700}
nav.seo-main{background:#17416f}
nav.seo-main ul{max-width:1100px;margin:0 auto;padding:.6rem 1rem;list-style:none;display:flex;flex-wrap:wrap;gap:.3rem .9rem}
nav.seo-main li{font-size:.85rem}
nav.seo-main a{color:#e7f0fb}
nav.seo-main li.active a{text-decoration:underline;font-weight:600}
main.article{max-width:880px;margin:2rem auto;padding:0 1rem}
main.article .inner{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:2rem 1.6rem}
h1.page{margin-top:0;font-size:2rem;color:#0b2d52}
h2{color:#0b2d52;margin-top:2rem}
.cta{display:inline-block;margin-top:1rem;background:#ff9d2e;color:#1f2937;padding:.9rem 1.5rem;border-radius:8px;font-weight:700}
.cta:hover{background:#ffb152;text-decoration:none}
.related{background:#eef5ff;border-left:4px solid #1e5091;padding:1rem 1.2rem;margin-top:2rem;border-radius:6px}
.related ul{margin:.4rem 0 0;padding-left:1.2rem}
.seo-cluster{background:#eef5ff;padding:2rem 1rem;margin-top:2rem}
.seo-cluster .container{max-width:1100px;margin:0 auto}
.seo-cluster ul{columns:2;column-gap:2rem;list-style:none;padding:0}
.seo-cluster li{margin:.4rem 0;break-inside:avoid}
footer.seo-footer{text-align:center;padding:1.6rem 1rem;color:#6b7280;font-size:.9rem;background:#0b2d52;color:#dbe5f1}
footer.seo-footer a{color:#ffb152}
@media(max-width:640px){main.article .inner{padding:1.4rem 1rem}h1.page{font-size:1.5rem}.seo-cluster ul{columns:1}}