/* UX proposal, selectively integrated into the complete published version 40. */
:root{--ux-blue:#14618a;--ux-navy:#19384d;--ux-ice:#eaf3f8;--ux-bg:#f7f9fa;--ux-line:#dae5eb;--ux-muted:#526575;--ux-gold:#b98b43}
body{background:var(--ux-bg)}
.site-header{z-index:60;background:rgba(255,255,255,.985);border-bottom:1px solid var(--ux-line);box-shadow:0 3px 18px rgba(20,60,83,.055);backdrop-filter:blur(16px)}
.site-nav{grid-template-columns:minmax(220px,1fr) auto auto;gap:22px;min-height:89px;padding-top:13px;padding-bottom:12px}
.site-brand{font-size:19px;color:var(--ux-navy);font-weight:750;letter-spacing:-.025em;line-height:1.3}
.site-brand small{font-size:10px;letter-spacing:.095em;color:#526d80;font-weight:650;margin-top:3px}
.audience-switch{background:#edf3f7;border-color:#d8e6ef;border-radius:9px;padding:4px;gap:4px}
.audience-switch a{font-size:13px;border-radius:6px;padding:10px 14px;color:#476277;font-weight:650;white-space:nowrap}
.audience-switch a[aria-current=page]{background:var(--ux-navy);color:#fff;box-shadow:0 1px 4px rgba(13,38,50,.18)}
.audience-switch a:hover:not([aria-current]){background:#fff;color:var(--ux-blue)}
.header-tools{grid-column:3;grid-row:1;display:flex;align-items:center;gap:9px;justify-self:end}
.header-tools .bm-header-emblem{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;inline-size:68px;block-size:auto;min-block-size:68px;padding:0;background:transparent;box-shadow:none;text-decoration:none;flex-shrink:0}
.bm-header-emblem picture{inline-size:53px;block-size:53px;flex:0 0 auto}
.bm-home-caption{display:block;color:var(--ux-navy);font:700 10px/1.1 system-ui,sans-serif;letter-spacing:.045em;text-decoration:none;white-space:nowrap}
.bm-header-emblem:hover .bm-home-caption,.bm-header-emblem:focus-visible .bm-home-caption{text-decoration:underline;text-underline-offset:2px}
.menu-toggle{display:none;border:1px solid #bfd3de;border-radius:8px;background:#fff;color:var(--ux-navy);min-height:44px;padding:0 13px;font:650 14px/1 system-ui,sans-serif;cursor:pointer}
.menu-toggle[hidden]{display:none!important}
.section-navigation{flex-wrap:nowrap;gap:21px;min-height:42px;padding-top:10px;padding-bottom:12px;border-top:1px solid #eaf0f3;overflow-x:auto;scrollbar-width:thin}
.section-navigation a{font-size:13px;color:#526c7d;font-weight:650;text-decoration:none;white-space:nowrap;min-height:24px;display:inline-flex;align-items:center}
.section-navigation a[aria-current]{color:var(--ux-blue);box-shadow:inset 0 -2px var(--ux-blue)}
.section-navigation a:hover{color:var(--ux-blue)}
.site-header.is-compact .site-nav{padding-top:5px;padding-bottom:5px;min-height:60px}
.site-header.is-compact .bm-header-emblem{inline-size:57px;min-block-size:57px}
.site-header.is-compact .bm-header-emblem picture{inline-size:41px;block-size:41px}
.site-header.is-compact .section-navigation{padding-top:6px;padding-bottom:7px;min-height:34px}
.site-header :is(a,button):focus-visible{outline:3px solid var(--ux-gold);outline-offset:3px}
.skip-link{z-index:90}
.reading-progress{height:3px;position:absolute;bottom:-1px;left:0;right:0;pointer-events:none}
.reading-progress-inner{height:100%;width:0;background:var(--ux-blue)}
@media(max-width:1090px){
 .site-nav{grid-template-columns:minmax(180px,1fr) auto auto;gap:12px}
 .navigation-ready .menu-toggle{display:block}
 .section-navigation{flex-wrap:wrap;white-space:normal}
 .navigation-ready .section-navigation{display:none;border-top:1px solid #e0eaf0;overflow:visible;padding-top:14px;padding-bottom:14px;gap:5px}
 .navigation-ready.menu-open .section-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:6px;text-align:left;overflow-y:auto;max-height:min(380px,calc(100dvh - var(--site-nav-height,120px) - 20px))}
 .navigation-ready.menu-open .section-navigation>a{display:flex;box-sizing:border-box;grid-column:auto;justify-self:stretch;align-items:center;justify-content:flex-start;text-align:left;margin-inline:0;min-height:44px;padding:10px;line-height:1.35;overflow-wrap:anywhere}
 .section-navigation a{padding:10px;white-space:normal;min-height:44px;border-radius:5px}
}
@media(max-width:760px){
 .site-nav{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand tools' 'switch switch';gap:8px 11px;padding-top:8px;padding-bottom:9px;min-height:0}
 .site-brand{grid-area:brand;font-size:15px;line-height:1.25;min-width:0}
 .site-brand small{font-size:9px;letter-spacing:.035em;overflow-wrap:break-word}
 .audience-switch{grid-area:switch;justify-self:stretch;width:100%;padding:3px}
 .audience-switch a{flex:1;font-size:12px;padding:9px 7px;min-height:36px;white-space:normal}
 .header-tools{grid-area:tools;gap:7px}
 .header-tools .bm-header-emblem{inline-size:48px;min-block-size:52px}
 .bm-header-emblem picture{inline-size:38px;block-size:38px}
 .bm-home-caption{font-size:9px;letter-spacing:0}
 .menu-toggle{font-size:13px;padding:0 11px;min-height:44px}
 .site-header.is-compact .site-nav{padding-top:4px;padding-bottom:5px;min-height:0}
 .site-header.is-compact .bm-header-emblem{inline-size:44px;min-block-size:48px}
 .site-header.is-compact .bm-header-emblem picture{inline-size:34px;block-size:34px}
 .site-header.is-compact .section-navigation{padding-top:10px;padding-bottom:10px}
}
@media(max-width:350px){.site-brand{font-size:13.5px}.site-brand small{font-size:8px}.header-tools .bm-header-emblem{inline-size:44px;min-block-size:48px}.bm-header-emblem picture{inline-size:34px;block-size:34px}.menu-toggle{padding:0 9px}.site-header.is-compact .bm-header-emblem picture{inline-size:30px;block-size:30px}}
@media(min-width:560px) and (max-width:900px) and (max-height:500px){
 .site-nav{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'brand switch tools';gap:12px;padding-top:6px;padding-bottom:6px;min-height:0}
 .site-brand{font-size:15px}.site-brand small{font-size:9px;letter-spacing:0}
 .audience-switch{width:auto}.audience-switch a{font-size:11px;padding:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media print{.site-header{position:static;box-shadow:none}.menu-toggle,.reading-progress,.reading-rail,.copy-article-link,.copy-link-status,.copy-link-fallback{display:none!important}.section-navigation{display:none!important}.nutrition-reading:has(.nutrition-article){display:block!important}}

/* Package 2026-10-25: symmetric desktop navigation without horizontal scrolling. */
@media(min-width:1091px){
 .site-header .section-navigation{display:flex;justify-content:space-evenly;align-items:stretch;flex-wrap:wrap;column-gap:clamp(8px,1.1vw,18px);row-gap:3px;overflow-x:visible;white-space:normal;padding-block:5px 7px}
 .site-header .section-navigation>a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:42px;white-space:normal;padding:6px 8px;line-height:1.3;border-radius:5px;overflow-wrap:normal}
}
