.seo-page { min-height:100vh; background:var(--paper); }
.seo-header { padding:1.35rem 0; background:var(--evergreen); color:#fff; }
.seo-header .wordmark { color:#fff; }
.seo-header nav a { color:rgba(255,255,255,.88); }
.seo-main { padding:4rem 0 6rem; }
.seo-breadcrumbs { margin-bottom:3rem; color:#526568; font-size:.82rem; }
.seo-breadcrumbs a { color:var(--spruce); }
.seo-hero { max-width:820px; margin-bottom:3.5rem; }
.seo-hero h1 { max-width:800px; margin-bottom:1.25rem; font-size:clamp(2.8rem,7vw,5.8rem); }
.seo-hero .lede { max-width:700px; color:#496064; font-size:1.15rem; }
.seo-grid { display:grid; gap:2rem; grid-template-columns:1fr; }
.seo-card { padding:1.5rem; border:1px solid var(--line); background:#f1f0ea; }
.seo-card h2 { font-size:clamp(1.8rem,4vw,3rem); }
.seo-card h3 { font-family:var(--serif); font-weight:400; font-size:1.35rem; }
.seo-card p,.seo-card li { color:#496064; }
.seo-card ul { padding-left:1.2rem; }
.seo-cta { margin-top:2rem; padding:2rem; background:var(--spruce); color:#fff; }
.seo-cta p { color:rgba(255,255,255,.8); }
.seo-cta a { color:#fff; }
.seo-cta .button { color:var(--ink); }
.seo-links { display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; margin-top:2.5rem; }
.seo-links a { color:var(--spruce); font-weight:700; }
@media (min-width:700px) { .seo-main { padding-top:5rem; }.seo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.seo-card:first-child { grid-column:span 2; } }