
.nm-languages{display:flex;align-items:center;gap:9px;flex-shrink:0;font:500 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}
.nm-languages a{color:inherit;opacity:.6;text-decoration:none;padding:8px 2px;min-width:24px;text-align:center}
.nm-languages a[aria-current="page"]{opacity:1;text-decoration:underline;text-decoration-color:#d40000;text-underline-offset:6px;text-decoration-thickness:2px}
.nm-languages a:hover,.nm-languages a:focus-visible{opacity:1}
.nm-language-note{font:12px/1.65 Inter,Arial,sans-serif;opacity:.8;margin:14px 0;max-width:60ch}
body>.nm-languages{padding:15px 28px;justify-content:flex-end}
@media(max-width:900px){header>.nav,header>.wrap.nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:10px!important}.nav>.brand{font-size:22px!important;grid-column:1;white-space:nowrap}.nav>.nm-languages{grid-column:2;grid-row:1}.nav>.burger{grid-column:3;grid-row:1}.nav>.nav-cta{grid-column:1/-1;grid-row:2;text-align:center;justify-self:stretch;padding:10px 12px!important;font-size:12px!important}.nav>.nav-links{grid-column:1/-1}.nm-languages{gap:4px;font-size:11px}}
html[lang="en"] .hero h1{overflow-wrap:normal} 
@media(max-width:420px){html[lang="en"] .hero h1{font-size:clamp(24px,7.2vw,30px)!important}.nav>.brand{font-size:20px!important}}

/* Mobile header: one row, safe edges, persistent navigation. */
@media(max-width:900px){
  body:has(>header){padding-top:64px!important}
  body>header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important}
  body>header>.wrap.nav,body>header>.nav{width:100%!important;max-width:100%!important;box-sizing:border-box!important;height:64px!important;min-height:64px!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important;grid-template-columns:minmax(0,1fr) auto 36px!important;grid-template-rows:64px!important;column-gap:8px!important;align-items:center!important}
  body>header .nav>.brand{grid-row:1!important;min-width:0!important;font-size:clamp(17px,5.1vw,22px)!important;line-height:1.2!important}
  body>header .nav>.nav-cta{display:none!important}
  body>header .nav>.burger{display:flex!important;align-items:center;justify-content:center;width:36px!important;min-width:36px!important;height:44px!important;padding:0!important;margin:0!important;line-height:1!important;font-size:25px!important}
  body>header .nav>.nm-languages{gap:4px!important;margin:0!important;font-size:11px!important}
  body>header .nav>.nav-links{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:auto!important;max-height:calc(100dvh - 64px);overflow-y:auto;box-sizing:border-box!important;padding:12px 22px 18px!important;margin:0!important}
  body>header .nav>.nav-links a{margin:0!important;padding:14px 0!important}
}

/* Keep the language links legible in both header color states. */
body>header .nm-languages{color:#fff}
body>header.scrolled .nm-languages,body.sig-reading>header .nm-languages{color:#111}
body>header .nm-languages a{color:inherit!important}
body>header .nm-languages a:not([aria-current="page"]){opacity:.75}

/* Mobile: contain the page and prevent horizontal touch panning; keep pinch zoom. */
@media(max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
  body{overflow-y:visible!important}
  @supports(overflow:clip){html,body{overflow-x:clip!important}}
}

/* Approved two-row navigation, shared by DE and EN. */
body>header>.wrap.nav,body>header>.nav{max-width:1280px!important;width:calc(100% - 112px)!important;padding:0!important;margin:0 auto!important;height:72px!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:28px!important;transition:none!important}
body>header .nav>.brand{font-size:24px!important;letter-spacing:-.035em;white-space:nowrap;margin-right:auto!important;line-height:1.2}
body>header .nav>.nav-links{display:flex!important;position:static!important;flex-direction:row!important;align-items:center;gap:25px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;white-space:nowrap}
body>header .nav>.nav-links a{font-size:12px!important;font-weight:500;line-height:1.4;margin:0!important;padding:12px 0!important}
body>header .nav>.nav-links a.nm-signup-nav{color:#d40000!important}
body>header .nav>.nav-cta{background:#d40000!important;color:#fff!important;border:0!important;border-radius:0!important;padding:13px 17px!important;font-size:11px!important;white-space:nowrap;line-height:1.4}
body>header .nav>.burger{display:none!important}
body>header .nav>.nm-languages{margin:0!important;padding:0!important;gap:7px!important;font-size:11px!important}
@media(min-width:901px) and (max-width:1150px){body>header>.wrap.nav,body>header>.nav{width:calc(100% - 56px)!important;gap:18px!important}body>header .nav>.nav-links{gap:16px!important}body>header .nav>.brand{font-size:21px!important}body>header .nav>.nav-links a{font-size:11px!important}}
@media(max-width:900px){
 html{scroll-padding-top:90px}
 body:has(>header){padding-top:74px!important}
 body>header>.wrap.nav,body>header>.nav{width:100%!important;max-width:100%!important;height:74px!important;min-height:74px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:40px 34px!important;gap:0!important;padding-left:max(20px,env(safe-area-inset-left))!important;padding-right:max(20px,env(safe-area-inset-right))!important}
 body>header .nav>.brand{grid-column:1!important;grid-row:1!important;font-size:clamp(17px,4.8vw,20px)!important;min-width:0!important;margin:0!important}
 body>header .nav>.nm-languages{grid-column:2!important;grid-row:1!important;font-size:10px!important}
 body>header .nav>.nav-links{grid-column:1/-1!important;grid-row:2!important;display:flex!important;width:100%!important;height:34px!important;min-width:0!important;max-height:none!important;position:static!important;justify-content:space-between!important;gap:8px!important;overflow:visible!important;padding:0!important;margin:0!important}
 body>header .nav>.nav-links a{display:flex;align-items:center;justify-content:center;height:34px!important;min-width:0;white-space:nowrap;font-size:clamp(9px,2.65vw,11px)!important;letter-spacing:0!important;padding:0!important;margin:0!important}
 body>header .nav>.nav-links a:after{bottom:3px!important}
 body>header .nav>.nav-cta,body>header .nav>.burger{display:none!important}
}
/* Visible links in both dark hero and white reading headers. */
body>header .nav>.nav-links a{color:#fff!important}
body>header.scrolled .nav>.nav-links a,body.sig-reading>header .nav>.nav-links a{color:#171716!important}
body>header .nav>.nav-links a.nm-signup-nav,body>header.scrolled .nav>.nav-links a.nm-signup-nav,body.sig-reading>header .nav>.nav-links a.nm-signup-nav{color:#d40000!important}
.nm-archive .feature figure{width:100%}

/* Newsletter beside the name on mobile, with the remaining links below. */
.nm-cta-mobile{display:none}
@media(max-width:900px){
 body>header>.wrap.nav,body>header>.nav{grid-template-columns:minmax(0,1fr) auto auto!important;column-gap:8px!important}
 body>header .nav>.brand{font-size:clamp(16px,4.6vw,20px)!important}
 body>header .nav>.nav-cta{display:flex!important;grid-column:2!important;grid-row:1!important;align-items:center!important;justify-content:center!important;justify-self:end!important;padding:7px 9px!important;margin:0!important;font-size:10px!important;line-height:1.4!important;min-height:28px!important}
 body>header .nav>.nm-languages{grid-column:3!important;grid-row:1!important;gap:3px!important}
 body>header .nav>.nav-links a.nm-signup-nav{display:none!important}
 .nm-cta-desktop{display:none}
 .nm-cta-mobile{display:inline}
}
@media(max-width:350px){body>header .nav>.brand{font-size:15px!important}body>header .nav>.nav-cta{padding:7px!important;font-size:9px!important}}
/* Keep the desktop hero eyebrow and text together as one centered block. */
@media(min-width:901px){
 body.sig-home .hero .hero-copy{justify-content:center!important}
 body.sig-home .hero .hero-copy>.marginal{margin-bottom:0!important;max-width:none!important}
 body.sig-home .hero .hero-copy>h1{margin-top:24px!important}
}

/* Current section, rather than the signup link, carries the red accent. */
body>header .nav>.nav-links a.nm-signup-nav{color:#fff!important}
body>header.scrolled .nav>.nav-links a.nm-signup-nav,body.sig-reading>header .nav>.nav-links a.nm-signup-nav{color:#171716!important}
body>header .nav>.nav-links a.nm-current-nav,body>header.scrolled .nav>.nav-links a.nm-current-nav,body.sig-reading>header .nav>.nav-links a.nm-current-nav{color:#d40000!important}
@media(min-width:901px){body>header .nav>.nav-cta{display:none!important}}
body>header .nav>.nav-links a.nm-current-nav{text-decoration:underline!important;text-decoration-color:#d40000!important;text-decoration-thickness:2px!important;text-underline-offset:6px!important}
body>header .nav>.nav-links a.nm-current-nav:after{display:none!important}

/* Five visible mobile sections, arranged in two readable rows. */
@media(min-width:901px){body>header>.wrap.nav,body>header>.nav{gap:22px!important}body>header .nav>.nav-links{gap:20px!important}}
@media(min-width:901px) and (max-width:1150px){body>header .nav>.nav-links{gap:12px!important}body>header>.wrap.nav,body>header>.nav{gap:14px!important}}
@media(max-width:900px){
 html{scroll-padding-top:124px}
 body:has(>header){padding-top:108px!important}
 body>header>.wrap.nav,body>header>.nav{height:108px!important;min-height:108px!important;grid-template-rows:40px 68px!important}
 body>header .nav>.nav-links{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:34px 34px!important;height:68px!important;column-gap:8px!important;row-gap:0!important;align-items:center!important}
 body>header .nav>.nav-links a{grid-column:span 2;justify-self:start;font-size:11px!important}
 body>header .nav>.nav-links a.nm-future-nav{grid-column:span 3}
 body>header .nav>.nav-links a:nth-child(4),body>header .nav>.nav-links a:last-child{justify-self:end}
 body>header .nav>.nav-links a:nth-child(3){justify-self:center}
}

/* Prose lists use simple bullets instead of dashes. */
.sig-home #duwirst .rlist li::before{content:"•"}
@media(max-width:760px){.nm-family-photos{max-width:none}}

/* Compact quotation portrait and text-first health chapter. */
.sig-home section.nm-end-quote{padding:32px 0}
.nm-family-photos img{height:320px!important;aspect-ratio:auto!important;object-fit:cover;object-position:50% 24%!important}
.nm-about .ab-heart .ab-night-drive{padding:0 28px;margin:36px auto 0;max-width:1236px;background:transparent}
.nm-about .ab-heart .ab-night-drive figure{max-width:none}
@media(max-width:580px){.nm-about .ab-heart .ab-night-drive{padding:0 22px;margin-top:28px}.nm-family-photos img{height:300px!important}}

.ab-night-image{display:block;width:100%;height:auto}
/* Four mobile links in one row; no members section. */
@media(max-width:900px){
 html{scroll-padding-top:90px}
 body:has(>header){padding-top:74px!important}
 body>header>.wrap.nav,body>header>.nav{height:74px!important;min-height:74px!important;grid-template-rows:40px 34px!important}
 body>header .nav>.nav-links{display:flex!important;flex-direction:row!important;justify-content:space-between!important;height:34px!important;gap:8px!important}
 body>header .nav>.nav-links a{font-size:clamp(9px,2.65vw,11px)!important}
}

body>header .brand.nm-current-brand{text-decoration:underline!important;text-decoration-color:#d40000!important;text-decoration-thickness:2px!important;text-underline-offset:6px!important}

/* About-page anchors must clear the fixed header on desktop as well as mobile. */
html:has(body.nm-about){scroll-padding-top:90px}

/* Match the portrait to the adjacent copy, independently of its length. */
@media(min-width:801px){
 .nm-about .ab-end-portrait{position:relative;align-self:stretch;min-height:0}
 .nm-about .ab-end-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .nm-about .ab-end-portrait+div>p:last-child{margin-bottom:0}
}
