.seo-hero{background:var(--color-paper-warm);border-bottom:1px solid var(--color-rule)}
.seo-wrap{width:min(100% - 2rem,72rem);margin-inline:auto}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(17rem,.62fr);gap:clamp(2rem,7vw,5rem);align-items:end;padding-block:clamp(4rem,8vw,7rem)}
.seo-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--color-accent-deep)}
.seo-hero h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);line-height:.92;letter-spacing:-.035em;margin-top:1.15rem;text-wrap:balance}
.seo-lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.75;color:var(--color-ink-soft);margin-top:1.5rem;max-width:44rem}
.seo-aside{border-left:2px solid var(--color-accent);padding-left:1.5rem;color:var(--color-mute);line-height:1.75}
.seo-section{padding-block:clamp(3.5rem,7vw,6rem)}
.seo-split{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,7vw,5rem);align-items:start}
.seo-section h2{font-family:var(--font-display);font-size:clamp(2.35rem,5vw,4.2rem);line-height:1;text-wrap:balance}
.seo-copy{display:flex;flex-direction:column;gap:1.15rem;color:var(--color-ink-soft);font-size:1.05rem;line-height:1.8}
.seo-copy h3{font-family:var(--font-display);font-size:1.8rem;line-height:1.15;color:var(--color-ink);margin-top:.75rem}
.seo-copy ul{list-style:disc;padding-left:1.3rem;display:grid;gap:.65rem}
.seo-cards{background:var(--color-paper-warm)}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.seo-card{border:1px solid var(--color-rule);background:rgba(255,255,255,.7);border-radius:1rem;padding:1.75rem}
.seo-card span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-deep);font-weight:700}
.seo-card h3{font-family:var(--font-display);font-size:1.8rem;line-height:1.1;margin-top:1rem}
.seo-card p{color:var(--color-mute);line-height:1.7;margin-top:.85rem}
.seo-related{background:var(--color-ink);color:var(--color-paper)}
.seo-related h2{color:var(--color-paper)}
.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.seo-related a{display:block;border:1px solid rgba(255,255,255,.25);border-radius:.75rem;padding:1.25rem;color:var(--color-paper);line-height:1.35}
.seo-related a:hover{border-color:var(--color-accent);color:var(--color-gold-pale)}
.seo-breadcrumbs{font-size:.78rem;color:var(--color-mute);padding-block:1rem;border-bottom:1px solid var(--color-rule)}
.seo-breadcrumbs a{color:var(--color-accent-deep)}
@media(max-width:767px){.seo-hero-grid,.seo-split,.seo-card-grid,.seo-related-grid{grid-template-columns:1fr}.seo-aside{margin-top:.5rem}.seo-wrap{width:min(100% - 2rem,72rem)}.site-nav nav{flex-direction:column;align-items:flex-start!important}.site-nav nav>ul{flex-wrap:wrap;gap:1rem}.site-nav .site-logo-link img{width:4.5rem;height:4.5rem}}
