/* Diet's inner colors follow its yellow category palette. */
.concern-card[data-concern="concern-1"] .concern-info{background:var(--card-light);border-color:#fff4ce}
#concern-1{--detail-soft:#fff8e6;--detail-medium:#ffe7a3;--detail-line:#ffbe32}
#concern-1 .btn-main{background:linear-gradient(180deg,#ffc43c,#ffb800);color:#603c00;border-color:#ffc43c;text-shadow:none}
#concern-1 .btn-main:hover{background:linear-gradient(180deg,#ffbd26,#efa600);color:#603c00}
/* Full-width band above the concern heading. */
#worries{padding-top:0}
.science-health-banner{width:100%;max-width:none;margin:0 0 52px;overflow:hidden;border-radius:0;background:#26bdbd}
.science-health-banner img{display:block;width:100%;max-width:1200px;height:auto;margin-inline:auto}
@media(max-width:700px){.science-health-banner{margin-bottom:32px}}

/* Mobile: rearrange windows of the original artwork to retain its exact lettering. */
.science-health-mobile{display:none}
@media(max-width:700px){
 .science-health-banner>img{display:none}
 .science-health-mobile{display:flex;position:relative;isolation:isolate;flex-direction:column;align-items:center;padding:24px 18px 38px;background:#04b5b3}
 .science-health-mobile::after{content:"";position:absolute;z-index:-1;inset:0;background:#008d9438;clip-path:polygon(0 85%,50% 98%,100% 85%,100% 100%,0 100%)}
 .science-lettering{display:block;flex:none;max-width:480px;background-image:url('assets/science-health-banner.png?v=2');background-repeat:no-repeat;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
 .science-lettering-lead{width:100.000000%;aspect-ratio:730/115;background-size:297.534247% auto;background-position:50.624133% 23.316913%;margin-bottom:16px}
 .science-lettering-before{width:77.142857%;aspect-ratio:540/92;background-size:402.222222% auto;background-position:29.411765% 43.987342%;margin-bottom:6px}
 .science-lettering-claim{width:100.000000%;aspect-ratio:700/100;background-size:310.285714% auto;background-position:69.293478% 44.230769%;margin-bottom:20px}
 .science-lettering-detail-one{width:100.000000%;aspect-ratio:688/57;background-size:315.697674% auto;background-position:37.601078% 58.470765%;margin-bottom:0px}
 .science-lettering-detail-two{width:55.959302%;aspect-ratio:385/57;background-size:564.155844% auto;background-position:69.390039% 58.470765%;margin-bottom:0px}
}

/* Keep the concern heading on one underlined line on phones. */
#worries .section-head h2{white-space:nowrap!important;text-wrap:nowrap!important;font-size:clamp(19px,5.3vw,36px);letter-spacing:0;text-decoration:underline;text-decoration-color:#08aaa8;text-decoration-thickness:2px;text-underline-offset:10px}
#worries .section-head h2::after{display:none}

#worries .worry-bridge p .bridge-first-line{background:none;text-decoration:none}
@media(max-width:700px){
 #worries .worry-bridge p{font-size:clamp(19px,5.4vw,25px);letter-spacing:0}
 #worries .worry-bridge p>span{display:block;white-space:nowrap}
 #worries .worry-bridge small{display:block;font-size:clamp(10px,3.1vw,14px);letter-spacing:0;line-height:1.9}
 #worries .worry-bridge small>span{display:block;white-space:nowrap}
}

.editorial-value-head .value-copy-mobile{display:none}
@media(max-width:700px){
 .editorial-value-head .value-copy-desktop{display:none}
 .editorial-value-head .value-copy-mobile,.editorial-value-head .value-copy-mobile>span{display:block}
 .editorial-value-head .value-copy-mobile>span{white-space:nowrap}
 .editorial-value-head h3{font-size:clamp(18px,5.6vw,28px);letter-spacing:0}
 .editorial-value-head>p:last-child{font-size:clamp(10px,3.1vw,14px);letter-spacing:0}
}