.seo-hero{padding:clamp(58px,6vw,78px) 0 clamp(44px,5vw,58px);background:linear-gradient(145deg,var(--bg-1),var(--bg-2));border-bottom:1px solid var(--line)}
.seo-hero .container{max-width:1060px}.seo-hero-copy{max-width:880px}.seo-hero h1{max-width:22ch}
.seo-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px;color:var(--faint);font:600 .76rem/1.5 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}
.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}
.seo-content{max-width:780px}.seo-content h2{margin:54px 0 16px;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.16}.seo-content h2:first-child{margin-top:0}.seo-content h3{margin:30px 0 10px;font-size:1.18rem}.seo-content p,.seo-content li{color:var(--text-soft);line-height:1.78}.seo-content p+p{margin-top:16px}.seo-content ul,.seo-content ol{display:grid;gap:10px;margin:18px 0 24px;padding-left:22px}.seo-content a{color:var(--saffron);text-decoration:underline;text-underline-offset:3px}
.seo-aside{position:sticky;top:110px;display:grid;gap:18px}.seo-aside-box{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.seo-aside-box h2{font-size:1rem;margin-bottom:12px}.seo-aside-box a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text-soft);font-size:.88rem}.seo-aside-box a:last-child{border-bottom:0}
.seo-checklist{display:grid;gap:12px;margin:24px 0}.seo-check{padding:18px 20px;border-left:3px solid var(--emerald);border-radius:0 var(--radius) var(--radius) 0;background:var(--bg-1)}.seo-check strong{display:block;margin-bottom:5px}.seo-check span{color:var(--muted);line-height:1.6}
.seo-faq{display:grid;gap:12px;margin-top:22px}.seo-faq details{padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}.seo-faq summary{cursor:pointer;font-weight:700}.seo-faq p{margin-top:12px}
.seo-related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.seo-related a{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--text);text-decoration:none}.seo-related strong{display:block;margin-bottom:8px}.seo-related span{color:var(--muted);font-size:.88rem;line-height:1.55}
@media(max-width:900px){.seo-layout{grid-template-columns:1fr}.seo-aside{position:static}.seo-related{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.seo-hero{padding:44px 0 42px}.seo-related{grid-template-columns:1fr}.seo-meta{display:grid;gap:7px}}