/* Resource pages and concise context panels share the existing site's typography. */
.seo-section {padding:clamp(3rem,6vw,6rem) max(1.25rem,5vw);border-top:1px solid var(--border,#deded6);}
.seo-container {width:min(100%,1120px);margin-inline:auto;min-width:0;}
.seo-section h2 {font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.14;letter-spacing:-.035em;max-width:25ch;margin:0 0 1.5rem;}
.seo-section p,.seo-section li {font-size:1.05rem;line-height:1.75;max-width:78ch;}
.seo-section p+p {margin-top:1rem;}
.seo-section ul {padding-left:1.4rem;display:grid;gap:.7rem;margin-block:1.4rem;}
.seo-section a:not(.btn),.seo-toc a {text-decoration:underline;text-underline-offset:.25em;}
.seo-section a:hover,.seo-toc a:hover {text-decoration-thickness:2px;}
.seo-section .btn {margin-top:1.5rem;}
.seo-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-block:2rem;}
.seo-cards article {border-top:2px solid currentColor;padding-top:1.25rem;min-width:0;}
.seo-cards h3 {font-size:1.3rem;line-height:1.35;margin:0 0 .85rem;}
.seo-cards p {font-size:.98rem;line-height:1.7;margin:0;}
.seo-note,.seo-byline {font-size:.88rem!important;line-height:1.65!important;}
.seo-note {border-left:3px solid var(--accent,#703bdd);padding-left:1rem;margin-top:1.5rem;}
.seo-inline-link {padding:1.5rem max(1.25rem,5vw);}
.seo-hero {padding:clamp(3rem,7vw,7rem) max(1.25rem,5vw);}
.seo-hero h1 {font-size:clamp(2.6rem,6.5vw,6rem);line-height:1.04;letter-spacing:-.055em;max-width:18ch;margin:1.5rem 0;overflow-wrap:anywhere;}
.seo-hero h1 em {font-family:var(--font-editorial,Georgia,serif);font-weight:400;}
.seo-lead {font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.65;max-width:65ch;}
.seo-byline {margin-top:1.5rem;}
.seo-toc {display:flex;flex-wrap:wrap;gap:.75rem 1.4rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border,#deded6);font-size:.9rem;}
.page-resource .breadcrumb {padding-inline:max(1.25rem,5vw);margin-top:1.25rem;}
.page-resource .breadcrumb ol {display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;}
.page-resource .breadcrumb [aria-current] {overflow-wrap:anywhere;}
.seo-table-wrap {width:100%;overflow-x:auto;margin-block:1.75rem;}
.seo-table-wrap table {width:100%;min-width:550px;border-collapse:collapse;text-align:left;font-size:.98rem;line-height:1.6;}
.seo-table-wrap th,.seo-table-wrap td {padding:1rem;border-bottom:1px solid var(--border,#deded6);vertical-align:top;}
.seo-table-wrap thead {background:#ecece4;color:#191919;}
.seo-table-wrap tbody th {width:26%;font-weight:600;}
.seo-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;}
.seo-gallery figure,.seo-case-image {margin:1rem 0;min-width:0;}
.seo-gallery img,.seo-case-image img {display:block;width:100%;height:auto;border:1px solid var(--border,#deded6);}
.seo-gallery figcaption,.seo-case-image figcaption {font-size:.85rem;line-height:1.55;margin-top:.75rem;}
.seo-product-name {display:block;font-size:.8rem;margin-left:.5rem;}
.hero-badge {flex-wrap:wrap;}
.seo-section code {overflow-wrap:anywhere;white-space:normal;font-size:.95em;}
.seo-section pre code {white-space:pre;}
.seo-profile {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;}
.seo-profile img {display:block;width:100%;height:auto;border-radius:2px;}
.seo-platform-hero .seo-container {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:1.5rem;align-items:start;}
.seo-platform-hero .seo-container> :not(.seo-platform-art) {grid-column:1;}
.seo-platform-hero h1 {font-size:clamp(2.6rem,5.2vw,5rem);}
.seo-platform-hero .seo-toc {grid-column:1/-1!important;}
.seo-platform-art {grid-column:2;grid-row:1/5;align-self:center;margin:0;min-width:0;}
.seo-platform-art img {display:block;width:100%;height:auto;mix-blend-mode:multiply;}
.seo-section .redirect-demo {max-width:640px;margin-inline:auto;}
.seo-section .demo-example-title {font-size:9px;line-height:1.8;letter-spacing:.055em;margin:0;}
.seo-section .demo-result p {font-family:var(--mono);font-size:12px;line-height:1.6;overflow-wrap:anywhere;}
.seo-section .demo-footnote {font-family:var(--mono);font-size:10px;line-height:1.8;}
.seo-section .brief-builder {margin-top:2.5rem;}
@media (min-width:601px) {.nav-links {gap:clamp(.7rem,1.4vw,1.5rem);}.nav-links .lang-switch {padding-left:.5rem;}}
@media (min-width:601px) and (max-width:950px) {header nav {gap:1rem;}.nav-links {font-size:.82rem;gap:.65rem;}.nav-links .nav-cta {padding:.6rem .75rem;}.nav-links .lang-switch {padding-left:0;}}
@media (max-width:800px) {.seo-cards {grid-template-columns:1fr;gap:1rem;}.seo-gallery {grid-template-columns:1fr;}.seo-section h2 {max-width:none;}.seo-toc {gap:.85rem 1.1rem;}.seo-profile {grid-template-columns:1fr;}.seo-profile img {max-width:340px;}.seo-platform-hero .seo-container {display:flex;flex-direction:column;}.seo-platform-art {order:1;width:min(100%,500px);margin:1rem auto 0;}.seo-platform-hero .seo-toc {order:2;}.seo-section .demo-controls {gap:.5rem;}.seo-section .demo-controls small {max-width:160px;}}
@media (prefers-reduced-motion:reduce) {.seo-section * {scroll-behavior:auto;}}

.seo-purchase {padding:1.5rem max(1.25rem,5vw) 3rem;}

/* Language controls share one row; their names are provided through aria-label. */
.language-options {display:flex;align-items:center;gap:8px;flex-shrink:0;}
.edition-two .nav-links .language-option {display:inline-flex;position:relative;align-items:center;justify-content:center;gap:10px;width:48px;min-height:44px;padding:10px 8px;border:1px solid #d9d6ce;border-radius:10px;background:linear-gradient(150deg,#fffdf8,#eae7df);box-shadow:0 2px 4px #1717130b,inset 0 1px 0 #fff;color:#222;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;isolation:isolate;}
.edition-two .nav-links .language-option:hover {transform:translateY(-2px);border-color:#bcb6a8;box-shadow:0 5px 12px #17171318,inset 0 1px 0 #fff;color:#222;}
.edition-two .nav-links .language-option:focus-visible {outline:2px solid #ad341c;outline-offset:4px;}
.language-flag {display:block;position:relative;flex:0 0 auto;width:30px;height:20px;overflow:hidden;border-radius:3px;box-shadow:0 1px 3px #0003,0 0 0 1px #0000000d;}
.language-flag svg {display:block;width:100%;height:100%;}
.language-flag::after {content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff25,transparent 40%,#00000009 62%,#ffffff13);box-shadow:inset 0 1px 0 #ffffff45;pointer-events:none;}
@media(max-width:800px){.language-options{align-self:flex-start;margin-top:12px;}}
@media(prefers-reduced-motion:reduce){.edition-two .nav-links .language-option{transition:none;}.edition-two .nav-links .language-option:hover{transform:none;}}
.fragment-alias {position:absolute;display:block;width:1px;height:1px;pointer-events:none;}

/* Longer German headings retain the shared layout on narrow screens. */
html[lang="de"] .connection-hero h1 .gradient {white-space:normal;}
html[lang="de"] .scene-container>*,html[lang="de"] .disclosure-grid {min-width:0;}
html[lang="de"] .subpage-heading,html[lang="de"] .content-disclosure>summary h3,html[lang="de"] .disclosure-body {min-width:0;overflow-wrap:anywhere;hyphens:auto;}

/* Text on the slightly darker surfaces used inside expanded sections. */
.platform-dossier .store-tag {color:#585752;}
.policy-layout aside {--accent-ink:#ac3018;}

/* Use the disclosure menu before the full multilingual navigation becomes cramped. */
@media(min-width:601px) and (max-width:800px){
 .edition-two .mobile-menu-btn{display:flex;}
 .edition-two .nav-links{display:none;position:absolute;left:0;right:0;top:100%;padding:18px var(--gutter) 24px;background:var(--bg);border-bottom:1px solid var(--border);box-shadow:0 20px 30px #20231f0a;flex-direction:column;align-items:stretch;gap:0;}
 .edition-two .nav-links.open{display:flex;}
 .edition-two .nav-links>a{font-size:14px;padding:14px 0;}
 .edition-two .nav-links .nav-cta{padding:14px 20px;margin-block:8px;justify-content:space-between;}
}