*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65;color:#1f2937;background:#f7f9fc}
a{color:#1457b8;text-decoration:none}a:hover{text-decoration:underline}
.seo-header{background:#0b2a4a;color:#fff;padding:1rem}
.seo-wrap{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.seo-logo{color:#fff;font-weight:700;font-size:1.3rem;letter-spacing:2px}
.seo-cta{display:inline-block;background:#ff7a00;color:#fff;padding:.7rem 1.2rem;border-radius:6px;font-weight:700}
.seo-cta:hover{background:#ff9433;text-decoration:none}
.seo-nav{background:#0a2240}
.seo-nav ul{max-width:1100px;margin:0 auto;padding:.5rem 1rem;list-style:none;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.seo-nav li{font-size:.82rem}
.seo-nav a{color:#cfe4ff}
.seo-nav li.active a{color:#fff;font-weight:700;text-decoration:underline}
.seo-main{max-width:900px;margin:2rem auto;padding:0 1rem}
.seo-article{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.seo-article h1{color:#0b2a4a;margin-top:0;font-size:2rem}
.seo-article h2{color:#0b2a4a;margin-top:1.8rem;font-size:1.35rem}
.seo-kw{color:#64748b;font-size:.9rem}
.seo-intro{font-size:1.05rem;color:#334155}
.seo-cta-inline{margin:1.2rem 0;padding:.9rem 1.4rem}
.seo-related{background:#eef5ff;border-left:4px solid #1457b8;padding:1rem 1.2rem;margin-top:2rem;border-radius:6px}
.seo-related ul{margin:.4rem 0 0;padding-left:1.2rem}
.seo-footer{text-align:center;padding:1.4rem 1rem;color:#64748b;font-size:.9rem}
.seo-footer a{color:#1457b8}
@media(max-width:640px){.seo-article{padding:1.3rem 1rem}.seo-article h1{font-size:1.5rem}}