/* Brief 03: approved typography and components, scoped reading layouts. */
.seo-context{font-size:15px;line-height:1.7;margin:24px 0 40px;max-width:76ch}
.seo-context a,.seo-item a{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.seo-hero{padding:100px 0 72px;border-bottom:1px solid var(--line)}
.seo-hero h1{font-size:clamp(40px,5.2vw,76px);line-height:1.08;letter-spacing:-.03em;max-width:20ch;margin:0 0 48px;color:var(--deep)}
.seo-hero-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:80px;align-items:start}
.seo-hero .lead{max-width:58ch;margin:0}
.seo-hero .access-note{max-width:34ch;line-height:1.6;margin-top:16px}
.seo-section{border-bottom:1px solid var(--line)}
.seo-landing .split{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:80px;align-items:start}
.seo-landing .split h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.035em;max-width:19ch}
.seo-copy>p{max-width:64ch;line-height:1.75;margin:0 0 24px}
.seo-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px}
.seo-item{border-top:2px solid var(--deep);padding-top:20px}
.seo-item h3{font-size:20px;line-height:1.3;margin:0 0 12px}
.seo-item p{font-size:16px;line-height:1.7;margin:0;color:var(--graphite)}
.seo-closing .wrap{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.seo-closing h2{max-width:16ch;margin:0 auto 0 0}
.seo-closing p{flex-basis:100%;margin:0}
.seo-related{display:flex;flex-wrap:wrap;gap:16px 32px;padding-top:48px}
.seo-related a{min-height:44px;display:inline-flex;align-items:center}
.seo-landing .disclaimer{font-size:13px;line-height:1.75;color:var(--graphite)}
.seo-disclaimer{max-width:100ch;padding:24px 0 48px;margin:0}
.seo-landing .faq summary{line-height:1.5}
@media(min-width:961px){.detail-refined .sub-hero .txt h1{font-size:clamp(38px,3.5vw,58px);line-height:1.12}}
@media(max-width:760px){.seo-hero{padding:64px 0 48px}.seo-hero h1{margin-bottom:32px}.seo-hero-bottom,.seo-landing .split{grid-template-columns:minmax(0,1fr);gap:32px}.seo-items{grid-template-columns:minmax(0,1fr);gap:28px}.seo-landing .sec{padding:48px 0}.seo-closing .wrap{align-items:flex-start;flex-direction:column}.seo-landing .split h2{max-width:22ch}.seo-related{gap:8px 24px}.seo-hero .btn{max-width:100%}.seo-context{margin-bottom:28px}}
@media(max-width:380px){html[lang="de"] .sub-hero .txt{min-width:0}html[lang="de"] .sub-hero .txt h1{font-size:36px;line-height:1.15;max-width:100%}}