/* Search-intent landing pages — colors are referenced from tokens.css only. */
.seo-hero{padding:var(--sp-9) 0;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle)}
.seo-hero__inner{max-width:900px}.seo-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-6);color:var(--text-secondary);font-size:var(--fs-xs)}.seo-breadcrumb a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px}.seo-hero h1{max-width:16em;font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.03em}.seo-title-line{display:inline-block}.seo-hero__lead{max-width:700px;margin-top:var(--sp-5);color:var(--text-secondary);font-size:var(--fs-h4);line-height:var(--lh-loose)}.seo-hero .works-actions{margin-top:var(--sp-6)}
.seo-head{max-width:760px;margin-bottom:var(--sp-7)}.seo-head--center{margin-inline:auto;text-align:center}.seo-head--center .section__lead{margin-inline:auto}.seo-head .works-eyebrow{margin-bottom:var(--sp-3)}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}.seo-card{padding:var(--sp-6);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-base);box-shadow:var(--shadow-sm)}.seo-card__num{color:var(--text-link);font-size:var(--fs-xs);font-weight:800}.seo-card h2,.seo-card h3{margin-top:var(--sp-3);font-size:var(--fs-h3);line-height:var(--lh-tight)}.seo-card p{margin-top:var(--sp-3);color:var(--text-secondary)}
.seo-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--sp-8);align-items:start}.seo-split__body{display:grid;gap:var(--sp-4);color:var(--text-secondary);line-height:var(--lh-loose)}.seo-list{display:grid;gap:var(--sp-4)}.seo-list li{padding:var(--sp-5);border-left:3px solid var(--c-blue);background:var(--bg-base);box-shadow:var(--shadow-sm)}.seo-list strong{display:block;font-size:var(--fs-h4)}.seo-list span{display:block;margin-top:var(--sp-2);color:var(--text-secondary)}
.seo-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5)}.seo-example article{padding:var(--sp-6);border-radius:var(--radius-lg);background:var(--bg-base);box-shadow:var(--shadow-md)}.seo-example h3{font-size:var(--fs-h3)}.seo-example p{margin-top:var(--sp-3);color:var(--text-secondary)}
.seo-note{margin-top:var(--sp-6);padding:var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-sm)}
.seo-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}.seo-related a{display:block;padding:var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);font-weight:700;box-shadow:var(--shadow-sm)}.seo-related a:hover{border-color:var(--c-blue);color:var(--text-link)}.seo-related span{display:block;margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:400}
.seo-final{text-align:center}.seo-final .works-eyebrow{color:var(--c-blue-light)}.seo-final h2{margin-top:var(--sp-3);font-size:var(--fs-h2)}.seo-final>div>p:not(.works-eyebrow):not(.works-cta-note){max-width:650px;margin:var(--sp-4) auto 0;color:var(--text-on-inverse-secondary)}.seo-final .btn{margin-top:var(--sp-6)}.seo-final .works-cta-note{color:var(--text-on-inverse-secondary)}
@media(max-width:860px){.seo-grid,.seo-related{grid-template-columns:1fr}.seo-split{grid-template-columns:1fr;gap:var(--sp-6)}}
@media(max-width:640px){.seo-hero{padding:var(--sp-7) 0}.seo-hero h1{max-width:none}.seo-title-line--wide{display:inline}.seo-hero .works-actions{display:grid}.seo-hero .btn{width:100%}.seo-example{grid-template-columns:1fr}.seo-card,.seo-example article{padding:var(--sp-5)}}