/* Shared navigation and focused reading pages, prepared against published v73. */
.ux-site{--ux-reading:74ch}
.ux-site .section-navigation>a{min-height:44px}
.ux-site .section{padding-block:44px}
.ux-site .ux-hero .hero-inner{gap:28px}
.ux-site .ux-hero{padding-block:36px}
.ux-site .ux-hero h1{font-size:clamp(30px,3.9vw,46px);line-height:1.16;margin:12px 0 18px;max-width:23ch;hyphens:none;overflow-wrap:break-word}
.ux-site .ux-hero .hero-image img{max-height:220px}
.ux-site .ux-hero .page-intro-note{font-size:13px;max-width:78ch}
.ux-site.home-page .bm-intro-hero{padding-block:42px 36px}
.ux-site.home-page .bm-intro-copy h1{font-size:clamp(34px,4.2vw,55px);margin-bottom:18px}
.ux-site.home-page .bm-intro-kicker{margin-bottom:16px}
.ux-site.home-page .bm-intro-subtitle{margin-bottom:20px}
.ux-site.home-page .bm-intro-text{max-width:68ch;font-size:18px;line-height:1.7}
.ux-site.home-page .bm-intro-text::after{display:none}
.ux-site .ux-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ux-site .ux-section-heading{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:0 0 16px;letter-spacing:-.02em}
.ux-site .ux-section-lead{max-width:76ch;margin:0 0 24px;color:#405d6f}
.ux-site .ux-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ux-site .ux-topic-card{border:1px solid #d0dfe7;border-top:3px solid #286783;background:rgba(248,250,252,.88);border-radius:10px;padding:24px;min-width:0}
.ux-site .ux-topic-card h2,.ux-site .ux-topic-card h3{font-size:21px;line-height:1.3;margin:0 0 12px;letter-spacing:-.015em}
.ux-site .ux-topic-card p{font-size:16px;line-height:1.65;color:#405d6f;margin:0 0 16px}
.ux-site .ux-topic-card a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:1.4;font-weight:650}
.ux-site .ux-topic-card .ux-secondary-link{font-size:13px;font-weight:550;margin-left:14px}
.ux-site .ux-local-nav{margin-block:0 28px;padding:14px 18px;border:1px solid #d4e2e9;border-radius:8px;background:rgba(248,250,252,.9)}
.ux-site .ux-local-nav strong{font-size:14px;color:#203f53}
.ux-site .ux-local-nav ul{display:flex;gap:8px 24px;flex-wrap:wrap;list-style:none;padding:0;margin:8px 0 0}
.ux-site .ux-local-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.45}
.ux-site .ux-summary{padding-block:24px;border-top:1px solid #d3e0e8}
.ux-site .ux-summary h2{font-size:24px;line-height:1.3;margin:0 0 12px}
.ux-site .ux-summary p{max-width:76ch;font-size:16px;line-height:1.7;margin:0 0 12px}
.ux-site .ux-summary a{font-weight:650;min-height:44px;display:inline-flex;align-items:center}
.ux-site .ux-article-header{max-width:1000px;padding-block:34px 24px}
.ux-site .ux-back{font-size:14px;display:inline-flex;min-height:44px;align-items:center}
.ux-site .ux-article-header h1{font-size:clamp(29px,4vw,44px);line-height:1.18;letter-spacing:-.025em;max-width:30ch;margin:12px 0 20px;overflow-wrap:break-word}
.ux-site .ux-article-lead{font-size:18px;line-height:1.7;max-width:74ch;color:#365365}
.ux-site .ux-byline{font-size:13px;line-height:1.6;color:#526d7d;max-width:84ch}
.ux-site .ux-byline a{color:inherit}
.ux-site .ux-keypoints{max-width:78ch;background:rgba(248,250,252,.92);border:1px solid #d4e2e9;border-left:4px solid #337a91;padding:18px 22px;border-radius:0 8px 8px 0;margin:24px 0}
.ux-site .ux-keypoints h2,.ux-site .ux-keypoints h3{font-size:18px;line-height:1.4;margin:0 0 10px}
.ux-site .ux-keypoints ul{padding-left:20px;margin:0}
.ux-site .ux-keypoints li{font-size:16px;line-height:1.65;margin:7px 0;color:#365365}
.ux-site .ux-topic-page-body .topic-layout{grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:34px;max-width:1100px}
.ux-site .ux-topic-page-body .topic{padding-block:10px 34px}
.ux-site .ux-topic-page-body .topic h2{font-size:25px;line-height:1.3;margin:30px 0 14px}
.ux-site .ux-topic-page-body .topic p{max-width:var(--ux-reading)}
.ux-site .ux-topic-page-body .topic-figure{top:calc(var(--site-header-height) + 24px)}
.ux-site .ux-topic-page-body .ux-topic-intro{margin-bottom:22px}
.ux-site .ux-compact-contact{border-block:1px solid #d3e0e8;padding:24px 0}
.ux-site .ux-compact-contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.ux-site .ux-compact-contact h2{font-size:22px;line-height:1.3;margin:0 0 8px}
.ux-site .ux-compact-contact p{max-width:64ch;font-size:15px;margin:0;color:#405d6f}
.ux-site .ux-author{padding-block:22px}
.ux-site .ux-author p{font-size:14px;line-height:1.65;margin:0;max-width:90ch;color:#526d7d}
.ux-site .ux-film-summary{max-width:var(--max);margin:24px auto;border:1px solid #d4e2e9;padding:24px;border-radius:10px;background:#f7f9fb}
.ux-site .ux-film-summary h2{font-size:24px;line-height:1.3;margin:0 0 12px}
.ux-site .ux-film-summary p{font-size:16px;line-height:1.7;max-width:76ch}
.ux-site .ux-related{display:flex;flex-wrap:wrap;gap:8px 22px;margin-block:20px}
.ux-site .ux-related a{min-height:44px;display:inline-flex;align-items:center}
.ux-site .lifestyle-abbreviations summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.ux-site .lifestyle-abbreviations{margin-block:22px}
.ux-site .lifestyle-abbreviations p{margin-bottom:0}
.ux-site .ux-basics{margin-block:20px;border-bottom:1px solid #d4e2e9;padding:8px 0 16px}
.ux-site .ux-basics summary{font-size:15px;font-weight:650;cursor:pointer;min-height:44px}
.ux-site .nutrition-reading .ux-keypoints{margin-top:22px}
.ux-site .nutrition-reading .ux-keypoints h2{margin-top:0;font-size:19px}
.ux-site .nutrition-reading .ux-keypoints li{font-size:16px}
.ux-site .nutrition-reading .lifestyle-toc{margin-block:20px}
.ux-site .ux-review-date{font-size:13px;line-height:1.65;color:#526d7d}
.ux-site .ux-table-scroll{overflow:auto;max-width:100%;margin-block:18px;overscroll-behavior-x:contain}
.ux-site .ux-table-scroll table{min-width:520px}
.ux-site .ux-table-hint{font-size:13px!important;color:#526d7d;margin-bottom:8px}
.ux-site .nutrition-reading .nutrition-article__body :is(h1,h2,h3){hyphens:none;overflow-wrap:break-word}
.ux-site :is(.ux-article-lead,.ux-topic-card p,.topic-copy p,.ux-keypoints li,.nutrition-article__body p,.nutrition-article__body li){overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1050px){.ux-site .ux-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .ux-site .section{padding-block:30px}
 .ux-site .ux-topic-grid{grid-template-columns:1fr}
 .ux-site .ux-topic-card{padding:20px}
 .ux-site .ux-article-header{padding-block:20px 10px}
 .ux-site .ux-article-header h1{font-size:30px}
 .ux-site .ux-article-lead{font-size:17px}
 .ux-site .ux-topic-page-body .topic-layout{grid-template-columns:1fr;gap:22px}
 .ux-site .ux-topic-page-body .topic-figure{position:static}
 .ux-site.home-page .bm-intro-hero{padding-block:26px 30px}
 .ux-site.home-page .bm-intro-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:12px}
 .ux-site.home-page .bm-intro-copy h1{font-size:32px;margin-bottom:14px}
 .ux-site.home-page .bm-intro-subtitle{font-size:21px;margin-bottom:16px}
 .ux-site.home-page .bm-intro-text{font-size:16px;line-height:1.65}
 .ux-site .ux-hero-actions{margin-top:20px;gap:10px}
 .ux-site .ux-hero-actions a{font-size:14px}
 .ux-site .ux-keypoints{padding:16px 18px}
 .ux-site .ux-film-summary{width:calc(100% - 32px);padding:20px}
 .ux-site .ux-local-nav ul{gap:4px 18px}
 .ux-site .ux-compact-contact .button{width:100%;justify-content:center}
}
@media print{.ux-site .ux-local-nav,.ux-site .ux-hero-actions{display:none}.ux-site .ux-topic-page-body .topic-layout{display:block}.ux-site .ux-keypoints{break-inside:avoid}}
@media(max-width:380px){.ux-site .nutrition-reading .nutrition-article__body :is(h1,h2,h3){overflow-wrap:anywhere}}