.seo-content{max-width:1120px;margin:auto;padding:110px 24px 36px}.seo-breadcrumb{color:var(--text-secondary);margin:14px 0 36px;font-size:13px}.seo-breadcrumb a{color:var(--accent)}.seo-hero{max-width:870px;margin-bottom:64px}.seo-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:12px;font-weight:600}.seo-hero h1{letter-spacing:-.035em;margin:18px 0 24px;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1}.seo-hero>p{color:var(--text-secondary);margin-bottom:24px;font-size:20px;line-height:1.7}.seo-button{background:var(--accent);color:#fff;border-radius:12px;padding:14px 22px;font-weight:600;display:inline-flex}.seo-hero p.seo-note{max-width:650px;margin:16px 0;font-size:13px}.seo-body{grid-template-columns:235px 1fr;gap:60px;display:grid}.seo-toc{border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;align-self:start;gap:14px;padding:20px;font-size:14px;display:flex}.seo-toc a{color:var(--text-secondary)}.seo-toc a:hover{color:var(--accent)}.seo-body article section{margin:0 0 40px;scroll-margin-top:100px}.seo-content h2{margin-bottom:18px;font-size:25px;font-weight:650;line-height:1.3}.seo-body p,.seo-examples>p,.seo-next p{color:var(--text-secondary);margin-bottom:18px;font-size:17px;line-height:1.8}.seo-prompt{background:var(--accent-muted);border-radius:14px;padding:24px}.seo-prompt blockquote{margin-bottom:18px;line-height:1.8}.seo-prompt a{color:var(--accent);font-weight:600}.seo-examples{margin-top:40px}.seo-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0;display:grid}.seo-pattern{border:1px solid var(--border-subtle);background:var(--bg-primary);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.seo-pattern img{aspect-ratio:1200/630;object-fit:contain;background:#fafafa;width:100%;height:auto}.seo-pattern strong{padding:16px 16px 4px}.seo-pattern span{color:var(--text-secondary);padding:0 16px 16px;font-size:13px}.seo-next{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:18px;margin-top:48px;padding:32px}@media (max-width:760px){.seo-content{padding-top:90px}.seo-body{grid-template-columns:1fr;gap:28px}.seo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-hero{margin-bottom:36px}.seo-hero>p{font-size:18px}.seo-next{padding:24px}}@media (max-width:420px){.seo-gallery{grid-template-columns:1fr}}