/* Local content layer using existing MEDPOL tokens. Global chrome, navigation and login are untouched. */
#appSection .mb-eyebrow{display:block;margin:0 0 10px;color:var(--ice,#b7ecff);font-size:11px;font-weight:650;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
#appSection .mb-overview{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch;margin:8px 0 64px;padding:36px;border:1px solid var(--line2,#59c6ee38);border-radius:28px;background:radial-gradient(ellipse at 0 0,#153d624d,transparent 65%),linear-gradient(135deg,#0b1a31,#060e20);box-shadow:0 20px 60px #0002}
#appSection .mb-overview-intro{padding:4px 8px 4px 0}
#appSection .mb-overview-intro h2{margin:0 0 16px;font-size:clamp(26px,3vw,36px);font-weight:600;line-height:1.2;letter-spacing:-.035em}
#appSection .mb-overview-intro p{max-width:36ch;margin:0;color:var(--muted,#c8d6f0);font-size:14px;line-height:1.75}
#appSection .mb-overview-action{display:inline-flex;align-items:center;gap:24px;min-height:46px;margin-top:24px;padding:10px 18px;border-radius:999px;background:var(--ice,#b7ecff);color:#051224;font-size:14px;font-weight:650;text-decoration:none}
#appSection .mb-overview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
#appSection .mb-metric{display:flex;flex-direction:column;gap:8px;min-width:0;padding:24px 20px;border:1px solid var(--line,#ffffff16);border-radius:20px;background:#ffffff04;text-decoration:none;transition:background .2s,border-color .2s}
#appSection .mb-metric:hover{border-color:#59c6ee65;background:#59c6ee0a}
#appSection .mb-metric>.mb-eyebrow{font-size:10px;margin-bottom:12px;letter-spacing:.1em}
#appSection .mb-metric>strong{font-size:clamp(25px,3vw,38px);font-weight:600;line-height:1.15;letter-spacing:-.04em;overflow-wrap:anywhere}
#appSection .mb-metric>span:not(.mb-eyebrow){color:var(--muted2,#91a7c8);font-size:12px;line-height:1.65}
#appSection .mb-metric>.mb-metric-link{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px;color:var(--ice,#b7ecff)!important}
#appSection .mb-metric-link i{font-style:normal}
#appSection .mb-content-panel{padding:clamp(20px,3.5vw,36px);border:1px solid var(--line,#ffffff16);border-radius:28px;background:#071225b3;box-shadow:0 16px 42px #00000012}
#appSection .mb-content-panel>.mb-sec-h{align-items:center;border:0;padding:0;margin-bottom:18px}
#appSection .mb-content-panel>.mb-sec-h h2{font-size:clamp(24px,3vw,30px);font-weight:600;letter-spacing:-.035em}
#appSection .mb-content-panel>.mb-sec-h>span{font-size:12px}
#appSection .mb-section-intro{margin:0 0 26px;color:var(--muted2,#91a7c8);font-size:14px;line-height:1.7;max-width:70ch}
#appSection .mb-shelf-title{margin:26px 0 18px;font-size:15px;font-weight:550;color:var(--muted,#c8d6f0)}
#appSection #inhalte .mb-books,#appSection #inhalte .mb-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#appSection #inhalte .mb-book{padding:0 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none;min-width:0}
#appSection #inhalte .mb-cover{border:1px solid #ffffff16;border-radius:12px;background:linear-gradient(145deg,#0e213a,#070e1e);box-shadow:0 12px 28px #0004}
#appSection #inhalte .mb-cover img{padding:10px}
#appSection #inhalte .mb-book b{font-size:15px;font-weight:600;margin-top:18px;line-height:1.5}
#appSection #inhalte .mb-book small{font-size:12px;margin:2px 0 12px}
#appSection #inhalte .mb-book-status{align-self:flex-start;padding:5px 9px;border-radius:6px;background:#ffffff06;color:var(--muted2,#91a7c8);font-size:11px;line-height:1.5;margin-bottom:16px}
#appSection #inhalte .mb-book[data-book-state="available"] .mb-book-status{color:var(--ice,#b7ecff);background:#59c6ee12}
#appSection #inhalte .mb-book-action{border:1px solid #ffffff25;background:transparent;color:var(--text,#fff);border-radius:10px;font-size:13px;font-weight:600;min-height:44px}
#appSection #inhalte .mb-book[data-book-state="available"] .mb-book-action{background:var(--ice,#b7ecff);color:#051224;border-color:transparent}
#appSection #inhalte .mb-book-action:hover:not(:disabled){border-color:var(--ice,#b7ecff)}
#appSection #inhalte #moreContainer{border-top:1px solid var(--line,#ffffff16);margin-top:20px;padding-top:4px}
#appSection #inhalte #moreContainer:empty{display:none}
#appSection #inhalte .mb-noval{padding:24px;border:1px dashed #59c6ee30;border-radius:16px;background:#ffffff02;color:var(--muted,#c8d6f0);font-size:14px;line-height:1.7}
#appSection .mb-content-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px;margin:20px 0;border:1px solid #59c6ee35;border-radius:14px;background:#59c6ee07;color:var(--muted,#c8d6f0);font-size:14px;line-height:1.65}
#appSection .mb-content-notice button{min-height:44px;border:1px solid #59c6ee60;border-radius:10px;padding:8px 14px;background:#0c243b;color:var(--ice,#b7ecff);font:inherit;cursor:pointer;flex-shrink:0}
#appSection .mb-blood-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0;padding:22px 0;list-style:none;border-top:1px solid var(--line,#ffffff16);border-bottom:1px solid var(--line,#ffffff16)}
#appSection .mb-blood-steps li{display:flex;align-items:flex-start;gap:12px;min-width:0}
#appSection .mb-blood-steps li>span{color:var(--ice,#b7ecff);font-size:13px;font-weight:500;line-height:1.6;opacity:.7}
#appSection .mb-blood-steps strong{font-size:13px;font-weight:600;line-height:1.6}
#appSection .mb-blood-steps p{margin:5px 0 0;color:var(--muted2,#91a7c8);font-size:12px;line-height:1.7}
#appSection #blutwerte .mb-blood-actions{padding:20px;border:1px solid #59c6ee25;border-radius:16px;background:#59c6ee05;margin:20px 0 28px}
#appSection #blutwerte .mb-blood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#appSection #blutwerte .mb-blood-value{border-radius:16px;padding:24px;background:linear-gradient(140deg,#0b192d,#081225)}
#appSection #blutwerte .mb-blood-reading{font-size:30px;letter-spacing:-.035em;margin:16px 0}
#appSection #blutwerte .mb-blood-reading>span{font-size:14px;font-weight:400;color:var(--muted2,#91a7c8);letter-spacing:0}
#appSection #blutwerte .mb-blood-value h3{font-size:17px;font-weight:550}
#appSection #blutwerte .mb-blood-buttons{border-top:1px solid #ffffff10;padding-top:16px}
#appSection #blutwerte .mb-blood-buttons button{min-height:44px;font-size:12px;border-radius:10px}
#appSection #blutwerte #biomarkerFoot{margin-top:26px;color:var(--muted2,#91a7c8);font-size:12px;line-height:1.8}
#appSection #blutwerte .mb-msg:empty{display:none}
#appSection :is(.mb-content-panel,.mb-overview) :is(a,button,input,summary,select):focus-visible{outline:2px solid var(--ice,#b7ecff);outline-offset:4px}
@media(max-width:900px){#appSection .mb-overview{grid-template-columns:1fr;padding:28px}#appSection .mb-overview-intro p{max-width:60ch}#appSection #inhalte .mb-books,#appSection #inhalte .mb-more{grid-template-columns:repeat(2,minmax(0,1fr))}#appSection .mb-blood-steps{grid-template-columns:1fr;gap:18px}}
@media(max-width:540px){#appSection .mb-overview{padding:22px;gap:24px;border-radius:22px;margin-bottom:36px}#appSection .mb-overview-metrics{gap:10px}#appSection .mb-metric{padding:18px 12px;border-radius:14px}#appSection .mb-metric>strong{font-size:26px}#appSection .mb-metric>.mb-eyebrow{font-size:9px;letter-spacing:.05em}#appSection .mb-content-panel{padding:20px 16px;border-radius:22px}#appSection #inhalte .mb-books,#appSection #inhalte .mb-more{gap:22px 14px}#appSection #inhalte .mb-cover{width:100%;align-self:stretch}#appSection #inhalte .mb-book{padding:0}#appSection #inhalte .mb-book b{font-size:13px}#appSection #inhalte .mb-book-action{font-size:12px;padding:9px}#appSection #blutwerte .mb-blood-grid{grid-template-columns:1fr}#appSection #blutwerte .mb-blood-actions{padding:16px}#appSection #blutwerte .mb-blood-value{padding:20px}}
@media(prefers-reduced-motion:reduce){#appSection .mb-metric{transition:none}#appSection #inhalte .mb-book:hover .mb-cover{transform:none}}