html[dir="rtl"] input,html[dir="rtl"] button,html[dir="rtl"] select,html[dir="rtl"] textarea{font-family:inherit}
.header-shell .brand-logo{max-width:175px;max-height:68px;object-fit:contain}
.footer-brand p{line-height:1.9}
.category-card :is(h2,h3,h4,strong),.region-card :is(h2,h3,h4,strong){color:var(--text)!important}
.category-card :is(p,small),.region-card :is(p,small){color:var(--muted)!important}
.klarbund-page .container{display:grid;gap:20px}
.klarbund-page-heading{padding:28px}
.klarbund-page h1{font-size:clamp(26px,3vw,38px);line-height:1.5;margin:8px 0 12px}
.klarbund-page h2{font-size:24px;line-height:1.6;margin:4px 0 12px}
.klarbund-page h3{font-size:18px;line-height:1.7;margin:20px 0 6px}
.klarbund-page p{color:var(--muted);line-height:1.95}
.klarbund-contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;align-items:start}
.klarbund-contact-form,.klarbund-contact-help{min-width:0}
.klarbund-contact-form .directory-sc-space{margin:0}
.klarbund-contact-form .directory-sc{padding:0}
.klarbund-contact-form .contact-form-card{width:100%;max-width:680px;margin-inline:auto;box-sizing:border-box}
.klarbund-contact-help{padding:26px}
.klarbund-contact-help .ghost-button{display:inline-flex;white-space:normal;text-align:center}
.klarbund-about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.klarbund-about-grid article,.klarbund-about-note{padding:26px}
.klarbund-term-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:24px}
.klarbund-term-grid .category-card{line-height:1.8;padding:14px;min-height:84px}
.klarbund-page .directory-form__field input[type="email"],.klarbund-page .directory-form__field input[type="url"]{direction:ltr;text-align:left}
.klarbund-page .directory-form__field textarea{min-height:140px}
html[dir="rtl"] .table-wrap table th,html[dir="rtl"] .table-wrap table td{text-align:start}
html[data-theme="dark"] .directory-form__error,html[data-theme="dark"] .directory-form__error-msg{color:#ffb4b4}
html[data-theme="dark"] .directory-form__success{color:#a4e7bc}
@media(max-width:760px){.klarbund-contact-grid,.klarbund-about-grid{grid-template-columns:minmax(0,1fr)}.klarbund-page-heading,.klarbund-contact-help,.klarbund-about-grid article,.klarbund-about-note{padding:20px}.header-shell .brand-logo{max-width:128px;max-height:54px}}

/* Preserve the official logo silhouette with a readable dark-mode treatment. */
.dsc-hero__copy :is(h1,h2),.dsc-hero__card :is(h2,h3),.contact-social-card strong{color:var(--text)!important}
.dsc-hero__copy p,.dsc-hero__card p{color:var(--muted)}
.contact-social-card strong{opacity:1}
.directory-column .contact-form-card{max-width:680px;width:100%;box-sizing:border-box}
.directory-columns:has(.contact-form-card){width:min(1200px,calc(100% - 40px));margin-inline:auto;--dsc-gap:20px;align-items:flex-start}
.contact-social-card{min-width:0;overflow-wrap:anywhere}
.table-wrap{max-width:100%;overflow-x:auto}
html[data-theme="dark"] :is(.table-wrap table,.table-wrap th,.table-wrap td){color:var(--text);border-color:var(--line)}
/* The supplied German page builder styles share the same palette in both modes. */
body,input,button,select,textarea{font-family:Inter,Arial,system-ui,sans-serif}
.header-shell .brand-logo{width:auto;max-width:155px;max-height:76px}
.header-shell .brand-logo--dark,.footer-brand .brand-logo--dark{filter:none!important}
.site-footer .footer-brand .brand-logo--light{display:none}
.site-footer .footer-brand .brand-logo--dark{display:block}
.dsc-hero,.dsc-hero__side--panel,.dsc-hero__card,.dsc-hero__link,.about-process-card,.team-ops-panel,.contact-social-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}
.dsc-hero__card--brand,.dsc-hero__metric{background:var(--surface-soft)!important;border-color:var(--line)!important}
.dsc-hero :is(h1,h2,h3,strong),.about-process-card h3,.contact-social-card strong,.contact-social-card span{color:var(--text)!important}
.dsc-hero :is(p,.dsc-hero__eyebrow,.dsc-hero__link-label),.about-process-card p{color:var(--muted)!important}
.cta-strip{background:var(--cta-bg)!important;color:var(--cta-text)!important}
.cta-strip h2,.cta-strip h3{color:var(--cta-title)!important}
.contact-form-card,.contact-social-card,.detail-panel{min-width:0}
.directory-column:has(.contact-form-card)>.directory-sc-space .container{width:100%;max-width:100%;padding-inline:0}
.directory-columns:has(.contact-form-card)>.directory-column{min-width:0}
.directory-columns:has(.contact-form-card){gap:20px}
.directory-columns:has(.contact-form-card)>.is-60{flex:1 1 58%;width:auto}
.directory-columns:has(.contact-form-card)>.is-40{flex:1 1 38%;width:auto}
.directory-form__field textarea{min-height:140px}
.directory-form__field :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
table{max-width:100%}
.site-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-footer .footer-column{min-width:0}
.site-footer .footer-column :is(a,strong){overflow-wrap:anywhere;hyphens:auto;line-height:1.4}
@media(max-width:900px){.site-footer .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.site-footer .footer-links{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.directory-columns:has(.contact-form-card){flex-direction:column}.directory-columns:has(.contact-form-card)>.directory-column{width:100%;flex-basis:auto}.header-shell .brand-logo{max-height:58px}}

/* Separate the homepage cards from their enclosing charcoal panels in dark mode. */
html[data-theme="dark"] :is(#profiles .entity-card,#centers .listing-card,#regions .region-card){
    background:#20272e;
    background:color-mix(in srgb,var(--surface-strong) 64%,#080b10);
    border:1px solid var(--line);
    border-color:color-mix(in srgb,var(--brand) 36%,var(--surface-strong));
    box-shadow:0 4px 12px rgba(0,0,0,.18);
}
html[data-theme="dark"] :is(#profiles .entity-card,#centers .listing-card,#regions .region-card):is(:hover,:focus-within){
    border-color:var(--brand);
}
html[data-theme="dark"] #centers .card__footer{border-top-color:var(--line)}
html[data-theme="dark"] #regions .region-card h3{hyphens:none;word-break:normal}

/* Keep selected archive controls distinct from the generic dark button surface. */
html[data-theme="dark"] .archive-main :is(
    .sort-chip.is-active,
    .view-toggle.is-active,
    .segmented-option.is-active > span,
    .segmented-option > input:checked + span
){
    background:var(--brand);
    color:var(--on-brand);
    border-color:var(--brand);
    box-shadow:inset 0 0 0 1px var(--brand-strong);
}
html[data-theme="dark"] .archive-main :is(
    .sort-chip:focus-visible,
    .view-toggle:focus-visible,
    .segmented-option > input:focus-visible + span
){
    outline:2px solid var(--brand-strong);
    outline-offset:3px;
}
