.seo-main{padding-top:82px}.seo-hero{padding:72px 0 58px;background:linear-gradient(135deg,#eaf8f7,#f8fcfc)}.seo-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;font-size:.88rem;margin-bottom:24px;color:#537173}.breadcrumb a{color:var(--accent);font-weight:700}.mini-title{font-size:.78rem;letter-spacing:.14em;font-weight:800;color:var(--accent);margin-bottom:8px}.seo-hero h1{font-size:clamp(2.25rem,5vw,4.3rem);line-height:1.04;letter-spacing:-.04em;margin:0 0 20px;color:#17383b}.seo-lead{font-size:1.16rem;line-height:1.8;color:#4e686a;max-width:760px}.seo-cover{border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(17,70,74,.15);aspect-ratio:4/3;background:#dfeeed}.seo-cover img{width:100%;height:100%;object-fit:cover;display:block}.seo-content{background:#fff}.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:54px;align-items:start}.seo-section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid #e6efef}.seo-section h2{font-size:1.75rem;line-height:1.25;color:#17383b;margin:0 0 14px}.seo-section p{font-size:1.04rem;line-height:1.85;color:#536a6c}.seo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}.seo-list li{padding:13px 16px;border:1px solid #dceaea;border-radius:12px;background:#f8fbfb}.seo-list li:before{content:'✓';font-weight:800;color:var(--accent);margin-right:9px}.seo-aside{position:sticky;top:105px;display:grid;gap:18px}.aside-card{border:1px solid #dfeaea;border-radius:18px;padding:22px;background:#f9fcfc}.aside-card h2{font-size:1.1rem;margin:0 0 14px;color:#17383b}.aside-card>a:not(.btn-primary){display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #e2ecec;font-weight:700;color:#36585b}.aside-card>a:last-child{border-bottom:0}.aside-card.cta{background:#17383b;color:#fff}.aside-card.cta h2,.aside-card.cta p{color:#fff}.wide{display:block;text-align:center;width:100%}.cluster-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cluster-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid #dceaea;background:#f8fbfb;font-weight:800;color:#31595c}.cluster-links .cluster-parent{border-color:var(--accent)}.faq-list details{border:1px solid #dfeaea;border-radius:13px;padding:0 16px;margin:10px 0;background:#fbfdfd}.faq-list summary{cursor:pointer;font-weight:800;padding:16px 0;color:#244a4d}.faq-list details p{padding:0 0 16px;margin:0}.seo-guide-links{padding:34px 0;background:#eff8f7;border-top:1px solid #dceceb;border-bottom:1px solid #dceceb}.seo-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.seo-guide-grid a{padding:16px;border-radius:14px;background:white;border:1px solid #dceaea;font-weight:800;color:#295356;box-shadow:0 7px 18px rgba(20,70,75,.05)}
@media(max-width:900px){.seo-main{padding-top:70px}.seo-hero-grid,.seo-layout{grid-template-columns:1fr}.seo-cover{max-height:390px}.seo-aside{position:static}.seo-list,.cluster-links{grid-template-columns:1fr}.seo-guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.seo-hero{padding:44px 0}.seo-guide-grid{grid-template-columns:1fr}.seo-hero h1{font-size:2.35rem}}