/* Long-form content follows each site's existing typography and palette. */
.seo-home{margin:0 auto;padding:76px 0 64px;border-top:1px solid color-mix(in srgb,var(--text) 18%,transparent);max-width:1200px}
.seo-home .content-intro{max-width:780px;margin-bottom:42px}
.content-kicker{font-family:Body,system-ui,sans-serif;font-size:10px!important;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)!important;margin:0 0 17px!important}
.seo-home h2{font-size:clamp(29px,3.5vw,46px);margin:0 0 23px;line-height:1.14}
.seo-home p,.seo-home li{font-size:14px;line-height:1.85;color:var(--muted)}
.seo-home .content-intro p+p{margin-top:15px}
.seo-home-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px 58px}
.content-section{min-width:0;padding:25px 0 12px;border-top:1px solid color-mix(in srgb,var(--text) 13%,transparent);scroll-margin-top:30px}
.content-section h2,.content-section h3{margin:0 0 17px}
.seo-home .content-section h3{font-size:25px;line-height:1.2;letter-spacing:-.03em}
.content-section p{margin:0 0 16px}
.content-section ul,.content-section ol{padding-left:22px;margin:16px 0 23px;color:var(--muted)}
.content-section li+li{margin-top:10px}
.content-section li::marker{color:var(--accent)}
.content-section:has(table){grid-column:1/-1}
.content-table{max-width:100%;overflow-x:auto;margin:23px 0;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);background:var(--surface)}
.content-table table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.65;text-align:left}
.content-table caption{text-align:left;font-size:12px;padding:15px 18px;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent)}
.content-table td,.content-table th{padding:16px 18px;vertical-align:top;border-bottom:1px solid color-mix(in srgb,var(--text) 12%,transparent);overflow-wrap:anywhere}
.content-table thead{background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.content-table th{font-weight:600;color:var(--text)}
.content-table td{color:var(--muted)}
.content-links{padding:0!important;list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px}
.content-links li{margin:0!important}
.content-links a,.content-next a,.content-toc a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-size:13px;line-height:1.6}
.content-next{margin-top:32px;display:flex;justify-content:space-between;gap:20px;padding-top:26px;border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent)}
.breadcrumbs{margin:0 0 30px;font-size:11px;color:var(--muted)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:6px 12px}
.breadcrumbs li{display:inline-flex;align-items:baseline;gap:12px}
.breadcrumbs a{color:var(--accent)}
.content-document .content-intro{margin-bottom:32px}
.content-document .content-intro h1{font-size:clamp(34px,4.2vw,58px);overflow-wrap:anywhere;margin-bottom:25px}
.content-document .content-section{padding:30px 0 14px}
.content-document .content-section h2{font-size:28px;line-height:1.25;margin:0 0 18px}
.content-document .content-section p,.content-document .content-section li{font-size:15px;line-height:1.85}
.content-document .tool-panel{margin:28px 0}
.content-toc{padding:22px 26px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);margin:32px 0}
.content-toc p{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em;margin:0 0 13px!important;color:var(--text)}
.content-toc ol{padding-left:20px;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.content-toc li{padding-left:3px;color:var(--accent)}
.content-index .guide-grid h3{font-size:23px;line-height:1.2;margin-bottom:13px}
.content-index .guide-grid p{font-size:13px;line-height:1.7}
.content-related{padding:25px 0;margin-top:30px;border-top:1px solid color-mix(in srgb,var(--text) 18%,transparent)}
.content-related h2,.content-questions h2{font-size:26px;margin:0 0 22px}
.content-back{margin-top:30px}
[data-site=seaart] .seo-home{max-width:1120px}
[data-site=seaart] .seo-home-sections{grid-template-columns:1fr}
[data-site=seaart] .seo-home .content-section{display:grid;grid-template-columns:1fr 2fr;column-gap:38px}
[data-site=seaart] .seo-home .content-section>h3{grid-column:1;grid-row:1/5}
[data-site=seaart] .seo-home .content-section>:not(h3){grid-column:2}
[data-site=dreamina] .seo-home .content-section h3{color:var(--accent)}
[data-site=hailuo] .seo-home .content-section{padding:27px;background:var(--surface);border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);border-radius:23px}
[data-site=pixverse] .seo-home h2,[data-site=pixverse] .seo-home h3{text-transform:uppercase;font-weight:800}
[data-site=mureka] .seo-home{padding:38px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 14%,transparent);margin-bottom:40px}
[data-site=grok] .seo-home{max-width:850px}
[data-site=grok] .seo-home-sections{grid-template-columns:1fr}
[data-site=flowmusic] .seo-home h2,[data-site=pixai] .seo-home h2{font-size:clamp(34px,3.8vw,52px)}
@media(max-width:800px){.seo-home{padding:46px 0}.seo-home-sections{grid-template-columns:1fr;gap:5px}.seo-home .content-intro{margin-bottom:22px}.content-next{flex-direction:column}.content-toc ol{grid-template-columns:1fr}.content-table td,.content-table th{padding:12px;font-size:12px}.content-document .content-intro h1{font-size:38px}}
@media(max-width:520px){.seo-home h2{font-size:31px}.seo-home .content-section h3{font-size:23px}.content-document .content-section h2{font-size:26px}.content-document .content-intro h1{font-size:34px}.content-toc{padding:18px}.content-document .content-section p,.content-document .content-section li{font-size:14px}.breadcrumbs{font-size:10px;margin-bottom:24px}.content-table td,.content-table th{padding:10px;font-size:11px}}
@media(max-width:800px){[data-site=seaart] .seo-home .content-section{display:block}[data-site=mureka] .seo-home{padding:22px}[data-site=hailuo] .seo-home .content-section{padding:22px}.seo-home .content-table td,.seo-home .content-table th{font-size:12px}}