/* Shared detail layout. This sheet is deliberately scoped to copied/new articles. */
.article-expansion-page{background:#fcfdfd}
.article-expansion-page .preview-band{padding-block:6px;line-height:1.6;letter-spacing:.035em}
.article-expansion-page .masthead{min-height:72px;padding-block:10px}
.article-expansion-page .brand{font-size:23px;line-height:1.4;letter-spacing:.065em}
.article-expansion-page .header-nav{gap:25px}
.article-expansion-page .detail-intro{padding-bottom:22px;background:#f1f6f8}
.article-expansion-page .breadcrumbs{margin:0;padding-block:12px 8px;font-size:11px;line-height:1.7}
.article-expansion-page .detail-heading{grid-template-columns:minmax(0,1fr) 144px;gap:28px;margin-top:8px;align-items:center}
.article-expansion-page.article-detail-no-photo .detail-heading{grid-template-columns:minmax(0,1fr)}
.article-expansion-page .detail-heading .kicker{font-size:11px;line-height:1.6;letter-spacing:.045em;margin-bottom:6px}
.article-expansion-page .article-entry-badge{display:inline-block;margin-left:10px;padding:2px 8px;border:1px solid #b8ccd8;background:#fbfdfe;font-size:11px;line-height:1.6;letter-spacing:0;color:#34566c}
.article-expansion-page .detail-heading h1{font-size:clamp(40px,3.5vw,46px);line-height:1.4;letter-spacing:.025em}
.article-expansion-page .detail-aliases{font-size:12px;line-height:1.8;margin-top:7px;max-width:58em}
.article-expansion-page .detail-lead{font-size:15px;line-height:1.85;margin-top:12px;max-width:44em}
.article-expansion-page .detail-photo{width:144px;height:108px;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:2px}
.article-expansion-page .detail-tags{margin-top:11px;gap:6px}
.article-expansion-page .detail-tags>span{font-size:11px;padding:3px 9px}
.article-expansion-page .article-key-points-shell{padding-top:22px}
.article-expansion-page .article-key-points{margin:0}
.article-expansion-page .article-key-points h2{font:400 23px/1.55 var(--serif);letter-spacing:.025em;margin:0 0 13px}
.article-expansion-page .article-key-points-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0}
.article-expansion-page .article-key-point{min-width:0;padding:13px 16px 10px;background:#f3f7f8;border:1px solid #d7e2e7}
.article-expansion-page .article-key-point dt{font-size:12px;line-height:1.7;font-weight:500;color:#34566c}
.article-expansion-page .article-key-point dd{margin:7px 0 0}
.article-expansion-page .article-key-point p{font-size:14px;line-height:1.85;color:#314b60;overflow-wrap:anywhere}
.article-expansion-page .article-key-point-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.7;margin-top:3px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9fb7c6}
.article-expansion-page .article-key-point-link:hover{text-decoration-thickness:2px}
.article-expansion-page .article-key-point .inline-sources{white-space:normal}
.article-expansion-page .detail-layout{grid-template-columns:180px minmax(0,1fr);gap:clamp(28px,5vw,64px);padding-block:32px 64px;align-items:start}
.article-expansion-page .detail-main{max-width:44em;width:100%;font-size:16px}
.article-expansion-page .detail-nav{top:20px;max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain}
.article-expansion-page .detail-toc-disclosure>summary{font-size:12px;line-height:1.7;min-height:44px;padding:10px 0;cursor:pointer;color:#3d5b70;list-style-position:inside}
.article-expansion-page .detail-toc-disclosure[open]>summary{border-bottom:1px solid var(--line)}
.article-expansion-page .detail-toc-disclosure>ol{margin:0;padding:0}
.article-expansion-page .detail-nav a{font-size:12px;line-height:1.8;min-height:44px;padding-block:9px}
.article-expansion-page .detail-nav a[aria-current="location"]{font-weight:500;color:#153f5d;text-decoration:underline;text-underline-offset:4px}
.article-expansion-page .detail-nav>.detail-return{margin-top:12px}
.article-expansion-page .detail-section{margin-bottom:29px;padding-bottom:31px;scroll-margin-top:28px}
.article-expansion-page .detail-section h2{font-size:27px;line-height:1.65;margin-bottom:17px;letter-spacing:.025em}
.article-expansion-page .detail-section h3{font-size:17px;line-height:1.75;margin-bottom:11px}
.article-expansion-page .detail-section p{font-size:16px;line-height:2;overflow-wrap:anywhere}
.article-expansion-page .detail-section p+p{margin-top:16px}
.article-expansion-page .ingredient-facts{margin-top:22px}
.article-expansion-page .evidence-panel{padding:21px 23px}
.article-expansion-page .evidence-panel p{font-size:14px;line-height:1.95}
.article-expansion-page .article-study{margin-top:20px;padding-top:17px;border-top:1px solid #ccdde6}
.article-expansion-page .article-study-facts{display:grid;gap:11px;margin:0}
.article-expansion-page .article-study-facts>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:15px;align-items:start}
.article-expansion-page .article-study-facts dt{font-size:12px;line-height:1.8;color:#4b687d}
.article-expansion-page .article-study-facts dd{margin:0;font-size:14px;line-height:1.95;color:#2e4d62;overflow-wrap:anywhere}
.article-expansion-page .article-study-reference{font-size:12px!important;margin-top:12px!important}
.article-expansion-page .article-evidence-limit{margin-top:20px!important;padding-top:14px;border-top:1px solid #ccdde6}
.article-expansion-page .article-evidence-limit strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}
.article-expansion-page .article-related-links{display:grid;gap:0}
.article-expansion-page .article-related-link{display:grid;gap:7px;padding:17px 0;border-bottom:1px solid var(--line);min-height:44px}
.article-expansion-page .article-related-link small{font-size:12px;color:#597185;line-height:1.8}
.article-expansion-page .article-related-link strong{font-size:15px;font-weight:400;line-height:1.8;text-decoration:underline;text-underline-offset:4px}
.article-expansion-page .article-related-link>span{font-size:12px;color:#4d6980}
.article-expansion-page .source-list{font-size:13px;line-height:1.9}
.article-expansion-page .source-list li{scroll-margin-top:25px}
.article-expansion-page .source-list small{font-size:12px;line-height:1.8}
.article-expansion-page .article-source-scope{margin-top:6px;font-size:12px;line-height:1.85;color:#526d81}
.article-expansion-page .article-source-scope>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;margin-top:6px}
.article-expansion-page .article-source-scope dt{color:#48667b}
.article-expansion-page .article-source-scope dd{margin:0;overflow-wrap:anywhere}
.article-expansion-page .article-trend-section>.article-study-facts{margin-top:20px}
.article-expansion-page .article-mobile-actions{display:none}

@media(max-width:900px) and (min-width:651px){
  .article-expansion-page .detail-heading{grid-template-columns:minmax(0,1fr) 120px;gap:24px}
  .article-expansion-page .detail-photo{width:120px;height:96px}
  .article-expansion-page .detail-layout{grid-template-columns:155px minmax(0,1fr);gap:27px}
  .article-expansion-page .article-key-points-grid{gap:11px}
  .article-expansion-page .article-key-point{padding-inline:13px}
  .article-expansion-page .article-key-point p{font-size:13px}
}

@media(max-width:650px){
  .article-expansion-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .article-expansion-page .preview-band{font-size:9px;padding-block:5px}
  .article-expansion-page .masthead{min-height:64px;padding-block:8px}
  .article-expansion-page .brand{font-size:21px;letter-spacing:.055em}
  .article-expansion-page .detail-intro{padding-bottom:19px}
  .article-expansion-page .breadcrumbs{padding-block:11px 6px;font-size:10px}
  .article-expansion-page .detail-heading{display:block;margin-top:5px}
  .article-expansion-page .detail-heading h1{font-size:clamp(30px,8.2vw,34px);line-height:1.45;letter-spacing:.01em}
  .article-expansion-page .detail-heading .kicker{font-size:10px;margin-bottom:5px}
  .article-expansion-page .detail-photo{display:none}
  .article-expansion-page .detail-aliases{font-size:11px;line-height:1.8;margin-top:7px}
  .article-expansion-page .detail-lead{font-size:14px;line-height:1.85;margin-top:11px}
  .article-expansion-page .detail-tags{margin-top:10px}
  .article-expansion-page .detail-tags>span{font-size:10px;padding:3px 8px}
  .article-expansion-page .article-key-points-shell{padding-top:20px}
  .article-expansion-page .article-key-points h2{font-size:21px;margin-bottom:10px}
  .article-expansion-page .article-key-points-grid{grid-template-columns:minmax(0,1fr);gap:0;border-block:1px solid #d3e0e7}
  .article-expansion-page .article-key-point{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:12px;padding:12px 0 9px;border:0;background:transparent}
  .article-expansion-page .article-key-point+.article-key-point{border-top:1px solid #dbe5eb}
  .article-expansion-page .article-key-point dt{font-size:12px;line-height:1.85;padding-top:1px}
  .article-expansion-page .article-key-point dd{margin:0}
  .article-expansion-page .article-key-point p{font-size:14px;line-height:1.9}
  .article-expansion-page .article-key-point-link{font-size:12px;margin-top:1px;min-height:44px}
  .article-expansion-page .detail-layout{display:block;padding-block:25px 38px}
  .article-expansion-page .detail-nav{position:static;max-height:none;overflow:visible;margin-bottom:27px;padding:8px 15px;background:#f2f7f9;border:1px solid #d7e3eb}
  .article-expansion-page .detail-toc-disclosure>summary{font-size:12px;padding-block:10px;min-height:44px}
  .article-expansion-page .detail-toc-disclosure>ol{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}
  .article-expansion-page .detail-nav a{font-size:12px;min-height:44px;line-height:1.75;padding-block:10px}
  .article-expansion-page .detail-nav>.detail-return{display:none}
  .article-expansion-page .detail-main{font-size:15px;max-width:none}
  .article-expansion-page .detail-section{margin-bottom:27px;padding-bottom:28px;scroll-margin-top:18px}
  .article-expansion-page .detail-section h2{font-size:24px;line-height:1.65;margin-bottom:16px}
  .article-expansion-page .detail-section h3{font-size:16px}
  .article-expansion-page .detail-section p{font-size:15px;line-height:2.05}
  .article-expansion-page .evidence-panel{padding:18px 16px}
  .article-expansion-page .evidence-panel p{font-size:14px;line-height:1.95}
  .article-expansion-page .article-study{margin-top:17px;padding-top:15px}
  .article-expansion-page .article-study-facts{gap:12px}
  .article-expansion-page .article-study-facts>div{grid-template-columns:minmax(0,1fr);gap:3px}
  .article-expansion-page .article-study-facts dt{font-size:12px}
  .article-expansion-page .article-study-facts dd{font-size:14px;line-height:1.95}
  .article-expansion-page .article-related-link strong{font-size:14px}
  .article-expansion-page .source-list{font-size:12px;line-height:1.95}
  .article-expansion-page .source-list small{font-size:11px}
  .article-expansion-page .article-source-scope>div{grid-template-columns:minmax(0,1fr);gap:2px;margin-top:9px}
  .article-expansion-page .article-mobile-actions{display:flex;position:fixed;z-index:40;inset:auto 0 0;align-items:center;gap:12px;padding:10px max(20px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:#fbfdfefa;border-top:1px solid #c8d9e3;box-shadow:0 -3px 14px #17324a0a}
  .article-expansion-page .article-mobile-actions .detail-return{display:flex;flex:1;min-height:44px;justify-content:center;margin:0;border:0;font-size:13px;text-decoration:underline;text-underline-offset:4px}
  .article-expansion-page .article-mobile-actions button{flex:none;min-width:64px;min-height:44px;padding:8px 14px;border:1px solid #aec4d2;background:#edf4f7;border-radius:2px;font-size:13px}
  .article-expansion-page .footer{padding-bottom:27px}
}

@media(max-width:360px){
  .article-expansion-page .article-key-point{grid-template-columns:5em minmax(0,1fr);gap:9px}
  .article-expansion-page .article-key-point p{font-size:13px}
  .article-expansion-page .detail-toc-disclosure>ol{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .article-expansion-page{scroll-behavior:auto}
}
