/* Reuses the existing TAS palette and typography. */
.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.seo-guide-grid article{background:#0c1928;border:1px solid #294051;border-radius:20px;padding:28px}
.seo-guide-grid h3{font-size:1.4rem;line-height:1.35;margin:0 0 16px}
.seo-guide-grid p{line-height:1.8;color:#b9cbdc;margin-bottom:22px}
.seo-article{max-width:900px;padding-top:50px;padding-bottom:70px}
.seo-article h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.1;max-width:850px;margin:20px 0 30px}
.seo-article h2{font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.25;margin-top:48px}
.seo-article p,.seo-article li{line-height:1.85;color:#bfd0df}
.seo-article li{margin-bottom:18px;padding-left:6px}
.seo-article ol{padding-left:24px}.seo-article strong{color:#f0f5fb}
.seo-article figure{margin:30px 0}.seo-demo{display:block;width:220px;max-width:100%;height:auto;border-radius:16px;border:1px solid #294051}
.seo-article figcaption{font-size:.85rem;color:#b9cbdc;margin-top:12px}
.seo-links{display:flex;gap:20px;flex-wrap:wrap;margin:26px 0}.seo-links a{line-height:1.6}
.seo-table{overflow-x:auto;margin:26px 0}.seo-table table{width:100%;border-collapse:collapse;background:#0c1928}.seo-table caption{text-align:left;margin-bottom:12px;color:#b9cbdc}.seo-table th,.seo-table td{text-align:left;padding:14px 20px;border-bottom:1px solid #294051}.seo-table thead{color:#dfbd75}
@media(max-width:640px){.seo-guide-grid{grid-template-columns:1fr}.seo-guide-grid article{padding:22px}.seo-article{padding-top:30px}.seo-table th,.seo-table td{padding:12px}.seo-links{flex-direction:column}}