/* Local project guides reuse Turbit's existing typography and brand palette. */
.seo-hero { background:#F2F6F2; padding:56px 0; border-bottom:1px solid #DDE6DF; }
.seo-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center; }
.seo-hero h1 { font-size:clamp(2rem,3.5vw,3.2rem); line-height:1.15; margin:12px 0 20px; color:var(--color-brand-green-deep); }
.seo-hero p,.seo-content-section p { color:#4C5E53; font-size:1rem; line-height:1.75; max-width:75ch; }
.seo-hero img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:20px; }
.seo-breadcrumb { margin-bottom:28px; font-size:.85rem; color:#53675A; }
.seo-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.seo-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.seo-content-section { padding:40px 0; }
.seo-content-section + .seo-content-section { border-top:1px solid #E4EAE5; }
.seo-content-section h2 { font-size:1.9rem; line-height:1.25; margin:0 0 20px; }
.seo-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.seo-card-grid article { padding:24px; border:1px solid #DBE4DD; border-radius:16px; background:#F8FAF8; }
.seo-card-grid h3 { font-size:1.2rem; margin:0 0 12px; }
.seo-card-grid p { margin:0 0 20px; }
.seo-card-grid a,.seo-content-section a { color:#21482C; text-decoration:underline; text-underline-offset:3px; font-weight:600; }
.seo-content-section details { border:1px solid #DBE4DD; border-radius:12px; padding:20px; margin-bottom:20px; }
.seo-content-section summary { cursor:pointer; font-weight:700; padding:4px 0; }
.seo-content-section details p { margin:16px 0 0; }
.seo-page a:focus-visible,.seo-page button:focus-visible,.seo-page summary:focus-visible { outline:3px solid #AF872E; outline-offset:4px; }
@media(max-width:767px) {
 .seo-hero { padding:28px 0; }
 .seo-hero-grid { grid-template-columns:1fr; gap:24px; }
 .seo-breadcrumb { margin-bottom:20px; }
 .seo-card-grid { grid-template-columns:1fr; gap:16px; }
 .seo-card-grid article { padding:20px; }
 .seo-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
 .seo-actions .btn { padding:12px 8px; font-size:.8rem; white-space:normal; text-align:center; }
 .seo-content-section { padding:28px 0; }
}