/* ── KNOWLEDGE REBRAND (Wave 3 · Gesundheitsbibliothek / Körpersignale / Wissen) ──
   Presentation-Layer für die LayoutDe-Wissensvorlagen. Wird nach footer-rebrand.css
   geladen (LayoutDe.astro) und überschreibt die Page-Scoped-Styles der Artikel- und
   Hub-Templates. Reichweite ausschliesslich über Strukturanker, die nur dort vorkommen:
     · Artikel:  main > article:not([class])         (gesundheitsbibliothek 149 · koerpersignale 94 · wissen 54)
     · Hubs:     main > section.hero/.section > .wrap.narrow   (52 Bibliothek-Hubs + /koerpersignale/)
   Ausgeschlossen: article.therapie-scope (Akupunktur-Unterseiten), article/div.haut-scope,
   div.b2 (Praxiswissen/Regulatorik/Branche), /wissen/ (SpaPage), kontakt/zuweisen/ergebnisse
   (section.hero ohne .wrap.narrow). :not(#w3) hebt die Spezifität über Astro-Scoped-Styles
   ([data-astro-cid] auf jedem Element). Farben nur aus tokens.css. docs/design-system.md §17.
   Kein Markup, keine Inhalte, keine Reihenfolge, keine Medizin-/Evidenz-/CTA-Logik. */

/* ── 1 · Hero-Fläche (Concrete) · Artikel + Hubs ───────────────────────────── */
main > article:not([class]) > section.hero:not(#w3),
main > section.hero:has(> .wrap.narrow):not(#w3){
  background:var(--brand-surface);border-bottom:1px solid rgba(2,11,16,.08);
  padding:clamp(48px,5.5vw,72px) 0 clamp(40px,4vw,52px)
}
main > article:not([class]) > section.hero + section.section > .wrap.narrow:not(#w3),
main > section.hero + section.section > .wrap.narrow:not(#w3){padding-top:56px}
main > article:not([class]) > section.section:not(#w3),
main > section.section:has(> .wrap.narrow):not(#w3){padding-bottom:80px}

/* ── 2 · Hero-Typografie ───────────────────────────────────────────────────── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .hero h1,
main > section.hero > .wrap.narrow:not(#w3) h1{
  font-family:var(--font-sans);font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.06;
  letter-spacing:var(--tracking-heading);color:var(--brand-black);margin:0 0 18px;max-width:820px
}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) :is(.lead,.deck){
  font-size:18px;line-height:1.6;color:var(--mid);max-width:680px
}
/* Eyebrow: Brand-Ink + Mint-Strich (helle Fläche) — identisch zu Beschwerden/Therapien */
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .cat{
  font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brand-ink);margin-bottom:14px
}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .cat::before{
  content:"";display:inline-block;width:16px;height:2px;border-radius:2px;background:var(--brand);vertical-align:middle;margin:-2px 10px 0 0
}
/* Crumbs / Zurück / Meta: Rich Black statt Grün */
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .crumbs{font-size:13px;color:rgba(2,11,16,.6)}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .crumbs a{color:rgba(2,11,16,.7);font-weight:600;text-decoration:none;transition:color var(--t-base)}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .crumbs a:hover{color:var(--brand-black);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .crumbs span[aria-hidden]{color:rgba(2,11,16,.38)}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .crumb-here{color:rgba(2,11,16,.6)}
main > article:not([class]):not(#w3) .back{color:var(--brand-black);font-weight:700;text-decoration:none}
main > article:not([class]):not(#w3) .back:hover{text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
main > article:not([class]):not(#w3) .meta-row{font-size:13px;color:rgba(2,11,16,.62)}
main > article:not([class]):not(#w3) .m-author{color:var(--brand-black)}
main > article:not([class]):not(#w3) .dot{background:rgba(2,11,16,.25)}
/* Hub-Hero-Bild (Körpersignale) */
main > section.hero > .wrap.narrow:not(#w3) .hero-img{border-radius:20px;box-shadow:0 24px 60px rgba(2,11,16,.12)}
/* Einordnung im Hero (TCM verstehen) auf Concrete: weisse Fläche */
main > section.hero > .wrap.narrow:not(#w3) .einordnung{background:#fff}

/* ── 3 · Langform-Prosa (.kb-body): 16.5px/1.7, 640px Lesebreite ─────────── */
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .read{max-width:640px}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body :is(p,ul,ol,h2,h3,blockquote,.wa-callout,.wa-pullquote,.placeholder){max-width:640px}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body :is(p,li){font-size:16.5px;line-height:1.7;color:var(--mid)}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body li{margin-bottom:8px}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body strong{color:var(--brand-black);font-weight:700}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) :is(.kb-body h2,.faq-block h2,.sec-title){
  font-family:var(--font-sans);font-size:clamp(24px,2.4vw,30px);font-weight:800;letter-spacing:var(--tracking-heading);line-height:1.15;color:var(--brand-black);margin:48px 0 14px
}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body h2:first-child{margin-top:0}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body h3{font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--brand-black);margin:28px 0 10px}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) :is(.group-title,.group-heading,.diag-title,.lib-rel-title,.answer h2,.tf-heading){
  font-family:var(--font-sans);font-size:clamp(22px,2.2vw,26px);font-weight:800;letter-spacing:var(--tracking-heading);line-height:1.15;color:var(--brand-black)
}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .answer{border-bottom-color:rgba(2,11,16,.1)}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body .wa-pullquote{color:var(--brand-black);border-color:rgba(2,11,16,.1)}
:is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .hinweis{color:rgba(2,11,16,.62);border-top-color:rgba(2,11,16,.1)}

/* ── 4 · Inline-Links: Rich Black + Mint-Unterstreichung (nie Mint-Text) ───── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.kb-body a:not([class]),.einordnung a,.about a,.group-sub a,.cat-samples a,.axis-links a,.lib-row a,.sources a,.src-list a,.ks-sources a,.bridge p a,.ls-empty a,.short a,.kurz a,.box a,.hinweis a,.cta-safety a,.faq p a,.answer a:not([class]),.wa-callout a){
  color:var(--brand-black);font-weight:600;text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px;border-radius:2px;
  transition:background var(--t-base),text-decoration-color var(--t-base)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.kb-body a:not([class]),.einordnung a,.about a,.group-sub a,.cat-samples a,.axis-links a,.lib-row a,.sources a,.src-list a,.ks-sources a,.bridge p a,.ls-empty a,.short a,.kurz a,.box a,.hinweis a,.cta-safety a,.faq p a,.answer a:not([class]),.wa-callout a):hover{
  background:var(--brand-tint);text-decoration-color:var(--brand-ink)
}
/* Listen-Links (Fragenlisten, Zurück): ohne Dauer-Unterstreichung, Mint-Strich bei Hover */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .q-list a{color:var(--brand-black);text-decoration:none;transition:color var(--t-base)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .q-list a:hover{color:var(--brand-black);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:3px}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .q-list li{border-bottom-color:rgba(2,11,16,.1)}
/* Karten-Weiterlinks («Mehr →»): Brand-Ink, bei Karten-Hover Rich Black */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.cat-cta,.hub-more,.p-more,.leaf-more,.diag-more,.fm-more){color:var(--brand-ink);font-weight:700;transition:color var(--t-base)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.cat-card,.hub-card,.p-card,.leaf-card,.diag-card,.feat):hover :is(.cat-cta,.hub-more,.p-more,.leaf-more,.diag-more,.fm-more){color:var(--brand-black)}
/* Fokus: einheitlicher Rich-Black-Ring (Sticky-CTA-Buttons ausgenommen) */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(a,button,summary):not(.sc-btn):focus-visible{outline:3px solid rgba(2,11,16,.55);outline-offset:2px}

/* ── 5 · Sektionslabels (einheitlich 11px/700/.16em) ──────────────────────── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.rel-label,.ks-sources-label,.lib-row-label,.mr-label,.a-label,.diag-label,.lib-rel-label,.axis-label,.ls-label){
  font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-ink)
}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .ls-label{font-size:12px;letter-spacing:.06em;text-transform:none;color:var(--brand-black)}
/* Labels auf Tint-/Box-Flächen: Rich Black; Sicherheits-Labels bleiben Amber */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.box-label,.ein-label,.wa-callout-label,.cta-eyebrow){
  font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-black)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.box--warn .box-label,.about--safety .ein-label){color:#92400E}
/* Karten-Kicker */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.rel-cat,.p-topic,.feat-topic,.ls-group-label){
  font-family:var(--font-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)
}

/* ── 6 · Hinweis-/Kurz-Boxen: Tint-Fläche, Mint-Kante · Warnboxen unverändert ── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.kurz,.short,.wa-callout,.info-note){
  background:var(--brand-tint);border:0;border-left:3px solid var(--brand);border-radius:0 16px 16px 0;color:var(--mid)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.kurz p,.short p,.box p){font-size:16px;line-height:1.65}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .box{border-color:rgba(2,11,16,.12);border-radius:16px}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.box--nicht,.box--avoid){border-left-color:var(--brand);border-radius:0 16px 16px 0}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .box--warn{border-left-color:#c8842a;border-radius:0 16px 16px 0}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .box--pro{background:var(--brand-surface)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.einordnung,.about){border-color:rgba(2,11,16,.12);border-left:3px solid var(--brand);border-radius:0 16px 16px 0}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .about--safety{border-left-color:#c8842a}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .placeholder{border-color:rgba(2,11,16,.2);border-radius:16px}

/* ── 7 · Quellen / Related / Trenner ──────────────────────────────────────── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.sources,.ks-sources,.related,.more-regions,.lib-row){border-top-color:rgba(2,11,16,.1)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .related{margin-top:56px;padding-top:28px}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .src-title{color:var(--brand-black);font-size:15px;letter-spacing:0}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.sources li,.ks-sources ul,.src-list){color:rgba(2,11,16,.68)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .axis-row{border-bottom-color:rgba(2,11,16,.1)}

/* ── 8 · Karten: Hairline, 16px, Standard-Hover (Lift + weicher Schatten) ─── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.rel-card,.cat-card,.hub-card,.sig-card,.diag-card,.region-card,.leaf-card,.p-card,.feat,.soon-card,.author-card){
  background:#fff;border:1px solid rgba(2,11,16,.1);border-radius:16px
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .soon-card{background:var(--brand-surface)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(a.rel-card,a.hub-card,a.sig-card,a.diag-card--link,a.region-card,a.leaf-card,a.p-card,a.feat){
  transition:border-color var(--t-base),box-shadow var(--t-base),transform var(--t-base)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(a.rel-card,a.hub-card,a.sig-card,a.diag-card--link,a.region-card,a.leaf-card,a.p-card,a.feat):hover{
  border-color:rgba(2,11,16,.3);box-shadow:0 12px 28px rgba(2,11,16,.07);transform:translateY(-2px)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.rel-title,.hub-name,.sig-q,.diag-name,.region-name,.leaf-name,.p-title,.cat-title,.feat-title,.soon-title,.a-name,.cta-card-title){color:var(--brand-black)}
/* Chips: Pill, Rich Black, Tint bei Hover */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.mr-chip,.lib-chip,.chip){
  background:#fff;border-color:rgba(2,11,16,.14);color:var(--brand-black);transition:background var(--t-base),border-color var(--t-base)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.mr-chip,.lib-chip,.chip):hover{background:var(--brand-tint);border-color:rgba(2,11,16,.3);color:var(--brand-black)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .lib-chip--all{color:var(--brand-ink);border-color:rgba(11,122,76,.35)}
/* Bibliothek-Suche */
main > section.hero > .wrap.narrow:not(#w3) .ls-box{border-color:rgba(2,11,16,.18);border-radius:14px;transition:border-color var(--t-base),box-shadow var(--t-base)}
main > section.hero > .wrap.narrow:not(#w3) .ls-box:focus-within{border-color:var(--brand-black);box-shadow:0 0 0 3px rgba(26,226,136,.35)}
main > section.hero > .wrap.narrow:not(#w3) .ls-results{border-color:rgba(2,11,16,.1);border-radius:16px}
main > section.hero > .wrap.narrow:not(#w3) .ls-results :is(.ls-item:hover,.ls-item:focus){background:var(--brand-tint);color:var(--brand-black)}

/* ── 9 · CTA-Card (Tint) + Pill-Buttons · Autor · FAQ · Formular ──────────── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-card{
  background:var(--brand-tint);border:1px solid rgba(2,11,16,.08);border-radius:20px;padding:28px
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-card-title{font-size:22px;letter-spacing:var(--tracking-heading);line-height:1.2}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-card p{color:var(--mid);max-width:640px}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-trust{color:var(--brand-black)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-safety{color:rgba(2,11,16,.62)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn{
  font-family:var(--font-sans);font-size:15px;font-weight:700;padding:14px 24px;border-radius:999px;box-shadow:none;
  transition:background var(--t-base),border-color var(--t-base),transform var(--t-base),box-shadow var(--t-base)
}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn--primary{background:var(--brand);color:var(--brand-black)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn--primary:hover{background:var(--brand-hover);color:var(--brand-black);transform:translateY(-1px);box-shadow:0 8px 20px rgba(26,226,136,.28)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn--primary:active{transform:translateY(0);box-shadow:none}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn--ghost{background:#fff;color:var(--brand-black);border:1.5px solid rgba(2,11,16,.22)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn--ghost:hover{background:var(--brand-surface);border-color:var(--brand-black);color:var(--brand-black)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .btn:focus-visible{outline:3px solid rgba(2,11,16,.55);outline-offset:3px}
/* Autor-Card */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .avatar{background:var(--brand-black);color:#fff}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .a-role{color:var(--brand-ink)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .a-review{border-top-color:rgba(2,11,16,.1)}
/* FAQ */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .faq details{border:1px solid rgba(2,11,16,.1);transition:border-color var(--t-base)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .faq details[open]{border-color:rgba(2,11,16,.28)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .faq summary{color:var(--brand-black)!important;font-size:16px} /* !important: global.css pinnt #0D0D0D!important */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .faq summary::after{color:var(--brand-black)}
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .faq p{font-size:16px;line-height:1.65}
/* Terminformular (nur Geometrie/Farbe; Logik, Felder, Tracking unverändert) */
/* Formular steht in koerpersignale/wissen/fragen/untersuchungen im <article>, in was-jetzt/befunde-werte direkt dahinter (article + section.tf-section) */
:is(main > article:not([class]), main > article:not([class]) + section.tf-section):not(#w3) .tf-submit{border-radius:999px;padding:14px 28px}
:is(main > article:not([class]), main > article:not([class]) + section.tf-section):not(#w3) .tf-field :is(input,select,textarea){border-color:rgba(2,11,16,.18);border-radius:12px}
main > article:not([class]) + section.tf-section:not(#w3) .tf-heading{font-family:var(--font-sans);font-size:clamp(22px,2.2vw,26px);font-weight:800;letter-spacing:var(--tracking-heading);line-height:1.15;color:var(--brand-black)}
main > article:not([class]) + section.tf-section:not(#w3) .tf-note{color:rgba(2,11,16,.62)}
main > article:not([class]) + section.tf-section:not(#w3) :is(a,button):focus-visible{outline:3px solid rgba(2,11,16,.55);outline-offset:2px}

/* ── 10 · Mobil ≤768 ───────────────────────────────────────────────────────── */
@media(max-width:768px){
  main > article:not([class]) > section.hero:not(#w3),
  main > section.hero:has(> .wrap.narrow):not(#w3){padding:40px 0 32px}
  main > article:not([class]) > section.hero + section.section > .wrap.narrow:not(#w3),
  main > section.hero + section.section > .wrap.narrow:not(#w3){padding-top:40px}
  main > article:not([class]) > section.section:not(#w3),
  main > section.section:has(> .wrap.narrow):not(#w3){padding-bottom:56px}
  :is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .hero h1,
  main > section.hero > .wrap.narrow:not(#w3) h1{font-size:clamp(28px,7.6vw,34px);line-height:1.1;margin-bottom:14px}
  :is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) :is(.lead,.deck){font-size:16.5px;line-height:1.55}
  :is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body :is(p,li){font-size:16px;line-height:1.65}
  :is(main > article:not([class]), main > section.section > .wrap.narrow):not(#w3) .kb-body h2{margin:40px 0 12px}
  :is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-card{padding:22px;border-radius:16px}
  :is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .related{margin-top:44px;padding-top:24px}
}

/* ── 11 · Kontrast-Nachzug: Meta-/Hilfstexte #888 (3.5:1) → Rich Black 62 % (≥ 6:1); Crumb-Trenner 58 % ── */
:is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3)
  :is(.tf-note,.a-review,.sig-meta,.region-meta,.soon-pill,.lib-row-sep,.plan-chip,.ls-hint,.cta-safety,.feat-meta,.fm-date,.p-meta,.m-date,.hub-meta,.leaf-meta,.diag-meta){color:rgba(2,11,16,.62)}
:is(main > article:not([class]), main > section.hero > .wrap.narrow):not(#w3) .crumbs span[aria-hidden]{color:rgba(2,11,16,.58)}

/* ── 12 · Mobile Langwort-Robustheit (vorbestehend: H1 «Wechseljahresbeschwerden», CTA-Card-Titel neben Portrait ragten über 390px) ── */
@media(max-width:768px){
  :is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .hero h1,
  main > section.hero > .wrap.narrow:not(#w3) h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
  :is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) .cta-head > div{min-width:0}
  :is(main > article:not([class]), main > :is(section.hero,section.section) > .wrap.narrow):not(#w3) :is(.cta-card-title,.cta-eyebrow){overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
}

/* ══ Wave 6 · B0 — Magazin-Zeile (.ouch-mag-row, Inline-Styles) auf Wissen-Leaves: Rich Black + Mint-Strich ══ */
.ouch-mag-row > div:first-child{color:rgba(2,11,16,.62)!important}
.ouch-mag-row a{color:var(--brand-black)!important;text-decoration:underline!important;text-decoration-color:var(--brand)!important;text-decoration-thickness:2px;text-underline-offset:3px}
.ouch-mag-row a span{color:var(--brand-black)}
.ouch-mag-row a:hover{background:var(--brand-tint)}
.ouch-mag-row a:focus-visible{outline:3px solid rgba(2,11,16,.55);outline-offset:3px}