/* Selective article/card styling from supplied UX proposal. Header and protected sections use their current templates. */
body.lifestyle-page{color:var(--ux-navy)}
.lifestyle-page .lifestyle-area a{color:var(--ux-blue)}
.lifestyle-page .lifestyle-area a:hover{color:#104d6d}
.lifestyle-page .lifestyle-area :is(a,button,summary,input):focus-visible{outline:3px solid var(--ux-gold);outline-offset:3px}
.lifestyle-page .lifestyle-area>.wrap{width:min(1180px,calc(100% - 44px))}
.lifestyle-page .section.lifestyle-area{background:linear-gradient(180deg,#F0F6FA 0%,#FFFFFF 260px,#fff 100%);padding-top:56px;padding-bottom:70px}
.lifestyle-page .nutrition-index>header{max-width:850px;margin-bottom:35px}
.lifestyle-page .nutrition-index>header:before{content:'WISSEN FÜR PATIENTEN UND FACHKREISE';display:block;color:#356781;font-size:11px;font-weight:750;letter-spacing:.17em;margin-bottom:15px}
.lifestyle-page .nutrition-index h1{font-size:clamp(36px,4.3vw,56px);font-weight:750;line-height:1.12;color:var(--ux-navy);letter-spacing:-.04em;margin:0 0 16px}
.lifestyle-page .nutrition-index>header p{font-size:18px;color:#506A7C;max-width:72ch;line-height:1.65}
.lifestyle-page .home-topic-grid.lifestyle-cards{gap:18px;align-items:stretch}
.lifestyle-page .lifestyle-topic-card{background:#fff;border:1px solid #D4E2EA;border-top:4px solid var(--ux-blue);padding:25px 25px 23px;border-radius:12px;box-shadow:0 7px 28px rgba(23,65,87,.055);transition:box-shadow .2s,transform .2s}
.lifestyle-page .lifestyle-topic-card:hover{box-shadow:0 14px 34px rgba(23,65,87,.11);transform:translateY(-2px)}
.lifestyle-page .lifestyle-topic-card .ux-card-number{font-size:11px;letter-spacing:.12em;color:#6D8694;font-weight:750;margin-bottom:17px}
.lifestyle-page .lifestyle-topic-card h2{font-size:24px;font-weight:720;letter-spacing:-.025em;color:var(--ux-navy);margin-bottom:12px}
.lifestyle-page .lifestyle-topic-card p{font-size:15.5px;color:#516C7E;min-height:76px;margin-bottom:20px}
.lifestyle-page .lifestyle-topic-card nav{gap:8px;margin-bottom:17px}
.lifestyle-page .lifestyle-topic-card nav a{font-size:13px;text-decoration:none;padding:5px 0;color:var(--ux-blue);font-weight:700}
.lifestyle-page .lifestyle-topic-card nav a + a:before{content:'·';color:#9BADB8;margin-right:10px}
.lifestyle-page .lifestyle-primary{display:block;background:var(--ux-blue);color:#fff!important;border-radius:7px;font-size:14px;font-weight:700;padding:12px 16px;min-height:46px}
.lifestyle-page .lifestyle-primary:hover{background:#104D6F;color:#fff!important}
.lifestyle-page .nutrition-index .note{color:#687E8C;font-size:13px;margin-top:27px}
.lifestyle-page .nutrition-reading{max-width:1120px}
.lifestyle-page .nutrition-reading:has(.nutrition-article){display:grid;grid-template-columns:minmax(0,760px) minmax(200px,275px);gap:60px;align-items:start}
.lifestyle-page .nutrition-article{min-width:0}
.lifestyle-page .nutrition-reading h1{font-size:clamp(32px,3.65vw,47px);letter-spacing:-.035em;line-height:1.17;font-weight:730;color:var(--ux-navy);margin-top:18px}
.lifestyle-page .nutrition-reading h2{font-size:clamp(22px,2.6vw,28px);color:var(--ux-navy);font-weight:720;line-height:1.31;letter-spacing:-.015em;margin-top:44px;margin-bottom:17px}
.lifestyle-page .nutrition-reading h3{color:#245270;font-weight:700}
.lifestyle-page .nutrition-reading p,.lifestyle-page .nutrition-reading li{font-size:17px;line-height:1.74;color:#375465}
.lifestyle-page .nutrition-reading .nutrition-article__body>p{max-width:76ch}
.lifestyle-page .lifestyle-abbreviations{border-left:4px solid #407D9D;background:#EFF5F8;border-radius:0 8px 8px 0;padding:17px 19px}
.lifestyle-page .lifestyle-abbreviations p{font-size:14px;line-height:1.65}
.lifestyle-page .lifestyle-toc{border:1px solid #D9E6ED;border-radius:9px;background:#F4F8FB;padding:14px 18px}
.lifestyle-page .lifestyle-toc summary{color:var(--ux-navy);font-weight:750;cursor:pointer}
.lifestyle-page .lifestyle-toc li{font-size:14px;line-height:1.55}
.lifestyle-page .article-audience-nav{align-items:center;gap:9px;margin:0 0 27px;padding-bottom:14px;border-bottom:1px solid #E0EAF0}
.lifestyle-page .article-audience-nav a{color:var(--ux-blue);background:#EEF5F9;border:1px solid #D0E1EA;border-radius:7px;text-decoration:none;padding:8px 13px;font-size:13px}
.lifestyle-page .article-audience-nav a[aria-current]{background:var(--ux-navy);color:white;border-color:var(--ux-navy)}
.lifestyle-page .copy-article-link{font:650 13px Inter,system-ui;cursor:pointer;background:white;border:1px solid #C5D8E2;color:var(--ux-blue);border-radius:7px;padding:9px 12px;min-height:40px}
.lifestyle-page .copy-article-link:hover{background:#EEF5F9}
.lifestyle-page .reading-rail{position:sticky;top:127px;max-height:calc(100vh - 145px);overflow:auto;background:#F4F8FB;border:1px solid #DDE9EF;border-radius:12px;padding:20px 18px;scrollbar-width:thin}
.lifestyle-page .reading-rail strong{font-size:12px;color:#657D8D;text-transform:uppercase;letter-spacing:.1em}
.lifestyle-page .reading-rail ol{padding-left:17px;margin:13px 0 0}
.lifestyle-page .reading-rail li{font-size:13px;line-height:1.45;margin-bottom:13px;color:#506B7D}
.lifestyle-page .reading-rail a{color:#365C72;font-weight:550;text-decoration:none}
.lifestyle-page .reading-rail a:hover{text-decoration:underline;color:var(--ux-blue)}
.lifestyle-page .reading-progress{height:3px;background:transparent;position:absolute;bottom:-1px;left:0;right:0;z-index:1;pointer-events:none}
.lifestyle-page .reading-progress-inner{height:100%;width:0;background:var(--ux-blue);transition:width .08s linear}
.lifestyle-page .nutrition-article__body a{overflow-wrap:anywhere}

.lifestyle-page .reading-rail{top:calc(var(--site-header-height) + 18px);max-height:calc(100dvh - var(--site-header-height) - 36px)}
.lifestyle-page .reading-rail a[aria-current]{color:var(--ux-blue);font-weight:750;text-decoration:underline;text-decoration-thickness:2px}
.lifestyle-page .nutrition-article__body :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
.lifestyle-page .lifestyle-topic-card .ux-card-number{color:#526e80}
.copy-link-status:empty{display:none}.copy-link-status{font-size:13px;color:#375465;flex-basis:100%}
.copy-link-fallback{width:100%;min-width:0;padding:10px;border:1px solid #c5d8e2;color:#19384d;font:14px system-ui}
@media(max-width:1090px){
 .lifestyle-page .nutrition-reading:has(.nutrition-article){grid-template-columns:minmax(0,1fr) 215px;gap:26px}
}
@media(max-width:760px){
 .lifestyle-page .lifestyle-area>.wrap{width:min(100% - 30px,1180px)}
 .lifestyle-page .section.lifestyle-area{padding-top:35px;padding-bottom:42px}
 .lifestyle-page .nutrition-index>header:before{font-size:9px}
 .lifestyle-page .nutrition-index h1{font-size:clamp(29px,8.2vw,38px);letter-spacing:-.028em}
 .lifestyle-page .nutrition-index>header p{font-size:16px}
 .lifestyle-page .lifestyle-topic-card{padding:21px}
 .lifestyle-page .home-topic-grid.lifestyle-cards{grid-template-columns:1fr;gap:14px}
 .lifestyle-page .lifestyle-topic-card p{min-height:0;margin-bottom:14px}
 .lifestyle-page .nutrition-reading:has(.nutrition-article){grid-template-columns:minmax(0,1fr);gap:0}
 .lifestyle-page .reading-rail{display:none}
 .lifestyle-page .nutrition-reading h1{font-size:clamp(28px,8vw,35px);line-height:1.2;margin:16px 0}
 .lifestyle-page .nutrition-reading h2{font-size:23px;line-height:1.3;margin-top:34px}
 .lifestyle-page .nutrition-reading p,.lifestyle-page .nutrition-reading li{font-size:16px;line-height:1.68}
 .lifestyle-page .article-audience-nav{gap:8px}
 .lifestyle-page .article-audience-nav a{flex-grow:1;text-align:center;font-size:12px;padding:9px 6px}
 .lifestyle-page .copy-article-link{width:100%;text-align:center;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.lifestyle-page .lifestyle-topic-card{transition:none;transform:none}}