.s-seo__layout { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: var(--space-6); align-items: start; }
.s-seo__content { min-width: 0; }
.s-seo__media { aspect-ratio: 4 / 3; border-radius: var(--r-md, 12px); overflow: hidden; }
.s-seo__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 45% top; }

@media (min-width: 900px) {
  .s-seo__layout { grid-template-columns: minmax(280px, 360px) minmax(0, 1fr); gap: var(--space-8, 32px); }
  .s-seo__media { position: sticky; top: var(--space-6); }
}
.s-seo__content h2 { margin-bottom: var(--space-6); }
.s-seo__content p { color: var(--fg-2); line-height: 1.7; margin-bottom: var(--space-4); }
.s-seo__content a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.s-seo__details { margin-top: var(--space-6); border-top: 1px solid var(--border-1); padding-top: var(--space-5); }
.s-seo__summary { cursor: pointer; font: 600 15px var(--font-sans); color: var(--accent); list-style: none; display: flex; align-items: center; gap: 6px; }
.s-seo__summary::-webkit-details-marker { display: none; }
.s-seo__summary::before { content: '+'; font-size: 18px; line-height: 1; }
details[open] .s-seo__summary::before { content: '−'; }
.s-seo__extra { padding-top: var(--space-5); }
.s-seo__extra p { color: var(--fg-2); line-height: 1.7; margin-bottom: var(--space-4); }
.s-seo__extra a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }