/* Crawlable educational content placed below the compiler UI. */
.seo-content {
    padding: 32px 24px 48px;
    color: var(--compiler-text, #142039);
    background: var(--compiler-bg, #f5f7fb);
    content-visibility: auto;
    contain-intrinsic-size: 900px;
}
.seo-content-inner { max-width: 1280px; margin: 0 auto; }
.seo-answer-card,
.seo-copy-card,
.seo-language-nav {
    border: 1px solid var(--compiler-line, #dfe6f1);
    border-radius: 14px;
    background: var(--compiler-panel, #fff);
    box-shadow: 0 8px 24px rgba(33,49,82,.05);
}
.seo-answer-card { padding: 24px; margin-bottom: 16px; border-top: 3px solid #06bbcc; }
.seo-eyebrow { display: inline-block; margin-bottom: 7px; color: #058c99; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.seo-content h2 { margin: 0 0 10px; font-size: 21px; line-height: 1.3; letter-spacing: -.02em; }
.seo-content p, .seo-content li { color: var(--compiler-muted, #68758d); font-size: 14px; line-height: 1.75; }
.seo-content p { margin: 0 0 10px; }
.seo-content ol { margin: 0; padding-left: 20px; }
.seo-topic-list { margin: 8px 0 12px; padding-left: 20px; }
.seo-topic-list li { margin: 3px 0; }
.seo-section-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.seo-copy-card { padding: 22px; }
.seo-language-nav { padding: 22px; margin-bottom: 16px; }
.seo-language-links { display: flex; flex-wrap: wrap; gap: 8px; }
.seo-language-links a,
.seo-cta-links a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid rgba(6,187,204,.24);
    border-radius: 9px;
    color: #047f8c;
    background: rgba(6,187,204,.06);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.seo-language-links a:hover,
.seo-cta-links a:hover,
.seo-language-links a[aria-current="page"] { color: #fff; background: #06bbcc; border-color: #06bbcc; }
.seo-faq-grid details { padding: 11px 0; border-top: 1px solid var(--compiler-line, #dfe6f1); }
.seo-faq-grid details:first-of-type { border-top: 0; }
.seo-faq-grid summary { cursor: pointer; font-size: 14px; font-weight: 750; }
.seo-faq-grid details p { margin: 8px 0 0; }
.seo-cta-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
html[data-theme="dark"] .seo-eyebrow,
html[data-theme="dark"] .seo-language-links a,
html[data-theme="dark"] .seo-cta-links a { color: #65e5ef; }
html[data-theme="dark"] .seo-language-links a:hover,
html[data-theme="dark"] .seo-cta-links a:hover,
html[data-theme="dark"] .seo-language-links a[aria-current="page"] { color: #041215; }
@media (max-width: 760px) {
    .seo-content { padding: 24px 14px 36px; }
    .seo-section-grid { grid-template-columns: 1fr; }
    .seo-content h2 { font-size: 18px; }
}

.seo-content,
.seo-content-inner,
.seo-answer-card,
.seo-copy-card,
.seo-language-nav,
.seo-faq-grid,
.seo-faq-grid details,
.seo-faq-grid summary { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }

@media (max-width: 600px) {
    .seo-content { padding: 22px 10px 32px; }
    .seo-answer-card, .seo-copy-card, .seo-language-nav { padding: 16px; }
    .seo-content p, .seo-content li { font-size: 13px; line-height: 1.65; }
    .seo-language-links a, .seo-cta-links a { min-height: 44px; }
    .seo-faq-grid summary { min-height: 44px; display: flex; align-items: center; line-height: 1.4; }
}