.seoPage{padding-top:40px;padding-bottom:60px}
.seoHero{background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(37,99,235,.85));color:#fff;border-radius:28px;padding:42px;margin-bottom:32px}
.seoHero h1{font-size:clamp(2rem,5vw,4rem);margin:.25rem 0}
.seoHero p{max-width:760px;opacity:.92;font-size:1.1rem}
.blogGrid .post h2{font-size:1.25rem;margin-bottom:10px}
.blogGrid .post h2 a{text-decoration:none;color:inherit}
.articlePage{max-width:980px}
.breadcrumb{font-size:.95rem;color:#64748b;margin-bottom:18px}
.breadcrumb a{color:#2563eb;text-decoration:none}
.articleCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:34px;box-shadow:0 20px 50px rgba(15,23,42,.08)}
.articleCard h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin-top:0}
.articleContent{font-size:1.08rem;line-height:1.8;color:#334155}
.faqBox{margin-top:28px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:26px}
.faqBox details{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin:10px 0}
.faqBox summary{cursor:pointer;font-weight:800}
@media(max-width:760px){.seoHero,.articleCard,.faqBox{border-radius:18px;padding:24px}.seoPage{padding-top:20px}}