.seo-section { border-top: 1px solid var(--border); background: #fff; }
.seo-article > .eyebrow { margin-bottom: 16px; }
.seo-intro-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; margin-bottom: 26px; }
.seo-article h2 { font-size: 30px; margin-bottom: 18px; line-height: 1.3; }
.seo-article p { font-size: 14px; line-height: 1.85; margin-bottom: 16px; }
.seo-article a { color: var(--brand-red-dark); text-decoration: underline; text-underline-offset: 3px; }
.seo-article a:hover { color: #731119; }
.seo-illustration { margin: 0; }
.seo-illustration img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; border-radius: 12px; background: var(--cream); }
.seo-illustration figcaption { color: var(--text-muted); font-size: 10px; line-height: 1.6; margin-top: 9px; }
.seo-details { border-top: 1px solid var(--border); }
.seo-details > summary { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; width: fit-content; max-width: 100%; margin: 20px auto 0; padding: 11px 22px; border: 1px solid #dec7bf; border-radius: 7px; background: #fff8f6; color: var(--brand-red-dark); cursor: pointer; font-size: 13px; font-weight: 700; list-style: none; }
.seo-details > summary::-webkit-details-marker { display: none; }
.seo-details > summary:hover { background: #fcefeb; }
.seo-toggle-open { display: none; }
.seo-details[open] > summary .seo-toggle-open { display: inline; }
.seo-details[open] > summary .seo-toggle-closed { display: none; }
.seo-details[open] > summary svg { transform: rotate(180deg); }
.seo-article-body { max-width: 920px; margin: 32px auto 0; }
.seo-article-body h3 { font-size: 21px; line-height: 1.4; margin: 28px 0 13px; }
.seo-article-body h4 { font-size: 16px; line-height: 1.5; margin: 20px 0 8px; }
.seo-article-body ul { padding-left: 23px; font-size: 14px; line-height: 1.85; color: var(--text-muted); margin-bottom: 18px; }
.seo-article-body li { margin-bottom: 7px; }
.seo-bottom-collapse { display: flex; margin: 24px auto 0; gap: 10px; font-size: 13px; }
@media(max-width:800px) {
  .seo-intro-grid { gap: 28px; }
  .seo-article h2 { font-size: 25px; }
  .seo-article p { font-size: 13px; }
  .seo-article-body h3 { font-size: 20px; }
}
@media(max-width:540px) {
  .seo-intro-grid { grid-template-columns: 1fr; gap: 10px; }
  .seo-article h2 { font-size: 24px; }
  .seo-article p { font-size: 13px; line-height: 1.8; }
  .seo-article-body ul { font-size: 13px; }
  .seo-article-body h3 { font-size: 19px; margin-top: 24px; }
  .seo-article-body h4 { font-size: 15px; }
  .seo-article-body { margin-top: 24px; }
}