.active-compounds,.biological-systems,.evidence{position:relative;background:#f6f6f1;color:#111;isolation:isolate}
.science-heading{display:flex;gap:2.4vw;align-items:center;font-style:italic;color:#426139;margin:0}
.science-heading h2{margin:0;font-weight:300}
.active-compounds{padding-top:2.6vw}
.active-compounds>.science-heading{margin-left:8.75%}
.compound-fan{position:relative;width:100%;aspect-ratio:1186/660;margin-top:3vw}
.compound-fan>svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.compound-label{position:absolute;margin:0;white-space:nowrap;display:flex;align-items:baseline;gap:1vw;transform:translateY(-50%)}
.compound-label span{display:inline-block}
.compound-branch{stroke:#080806;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.compound-node,.compound-hub{fill:#080806}
.biological-systems{padding:5.6vw 0 4.5vw;touch-action:pan-y}
.biology-window{width:81%;margin:auto;overflow:hidden;position:relative}
.biology-slide{position:relative;width:100%;display:grid;grid-template-columns:44.5% 54.1%;gap:1.4%;align-items:center;min-height:28.7vw}
.biology-slide[hidden],.biology-nav[hidden]{display:none!important}
.biology-copy{align-self:center;padding:0 1vw 1vw 0;color:#426139}
.biology-copy h3,.biology-copy p{margin:0}
.biology-copy .biology-en-title{color:#426139;margin-bottom:.4vw}
.biology-copy .biology-body{margin-top:4.5vw}
.biology-copy .biology-en-body{margin-top:1.1vw}
.network-panel{position:relative;aspect-ratio:842/552;background:#d9f9a4;border-radius:2vw;width:100%;color:#111}
.network-panel>svg{position:absolute;width:100%;height:100%;inset:0;overflow:visible}
.network-panel path,.network-panel line,.network-panel circle{stroke:#0a0a08;stroke-width:1.2;vector-effect:non-scaling-stroke;fill:none}
.network-text{position:absolute;text-align:center;transform:translate(-50%,-50%);width:max-content;max-width:44%;margin:0;line-height:1.3}
.network-text p{margin:0}.network-text span{display:block}
.network-center{left:50%;top:50%;max-width:44%}
.network-top{left:50%;top:19%;max-width:90%}.network-bottom{left:50%;top:80%;max-width:90%}
.network-top span,.network-bottom span{display:inline-block;margin:0 .2em}
.network-left{left:11%;top:58%;max-width:36%;text-align:left;transform:translateY(0)}.network-right{left:60%;top:58%;max-width:39%;text-align:left;transform:translateY(0)}
[data-slide="1"] .network-left{left:27%;top:49%;text-align:right;transform:translate(-100%,-50%);max-width:30%}
[data-slide="1"] .network-right{left:70%;top:49%;text-align:left;transform:translateY(-50%);max-width:29%}
[data-slide="1"] .network-left span,[data-slide="1"] .network-right span{display:inline-block;margin:0 .1em}
.network-first{left:24%;top:20%;max-width:74%;text-align:left;transform:translateY(-50%)}.network-sleep{left:34%;top:38%;max-width:60%;text-align:left;transform:translateY(-50%)}
.network-first span,.network-sleep span{display:inline-block;margin-right:.15em}
.network-egcg{left:24%;top:55.3%;max-width:20%;transform:translateY(-50%);text-align:left}.network-metabolism{left:67%;top:57%;max-width:32%;transform:translateY(-50%)}
.network-polyphenols{left:24%;top:75%;max-width:28%;transform:translateY(-50%)}.network-oxidative{left:54%;top:75%;max-width:45%;transform:translateY(-50%)}
.biology-nav{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;padding:0;width:4.6vw;height:4.6vw;min-width:40px;min-height:40px;background:none;color:#080806;border-radius:50%;z-index:5}
.biology-nav:hover{background:#d9f9a45c}.biology-nav:focus-visible{outline:2px solid #2c9b59;outline-offset:4px}
.biology-nav svg{width:75%;height:75%;stroke:currentColor;stroke-width:1.8;fill:none}
.biology-previous{left:2.3%}.biology-next{right:2.3%}
.biology-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.evidence{padding-top:3vw;padding-bottom:6vw}
.evidence>.science-heading{justify-content:flex-end;margin-right:8.8%;margin-bottom:8.5vw}
.evidence-art{position:relative;width:100%;aspect-ratio:1836/857}
.evidence-art>img{display:block;width:100%;height:auto}
.evidence-plate{position:absolute;top:39%;width:19%;height:43%;text-align:left;color:#686461}
.evidence-plate p{margin:0}.evidence-plate .evidence-word{font-style:italic;white-space:nowrap}
.evidence-plate .evidence-word{margin-top:.6vw}.evidence-plate .evidence-subtitle{margin-top:.35vw}.evidence-plate .evidence-caption{position:absolute;left:0;top:72%;white-space:nowrap}
.plate-ingredient{left:8.5%}.plate-mechanism{left:52.5%}.plate-formula{left:77%}
.evidence-meta{margin:1.1vw 7.4% 0;text-align:right}
.evidence-meta p{margin:.3vw 0}.evidence-meta .evidence-labs{margin-top:1.3vw}
.evidence-cta{margin:2.8vw 0 0 8.75%;width:19%;height:6.2vw;min-height:0;padding:.7vw 1vw;border-radius:1vw;gap:.15vw;background:#009f57}
.evidence-cta .evidence-button-row{display:flex;gap:.7vw;align-items:center;justify-content:center;white-space:nowrap}
.editor #carousel-edit-slide{width:100%}
.biological-systems:focus:not(:focus-visible){outline:none}
@media(max-width:760px){
  .active-compounds{padding-top:34px}.active-compounds>.science-heading{margin-left:6%}
  .science-heading{gap:18px;flex-wrap:wrap}
  .compound-fan{aspect-ratio:auto;height:560px;margin:24px 0 0}
  .compound-label{white-space:normal;display:block;gap:0;max-width:66%;line-height:1.3}
  .compound-label span{display:block}.compound-label span+span{margin-top:3px}
  .biological-systems{padding:36px 0 44px}.biology-window{width:88%}
  .biology-slide{grid-template-columns:1fr;gap:24px;min-height:0;align-items:start}
  .biology-copy{padding:0;min-height:230px}.biology-copy .biology-en-title{margin-bottom:6px}
  .biology-copy .biology-body{margin-top:20px}.biology-copy .biology-en-body{margin-top:12px}
  .network-panel{border-radius:18px;width:100%;aspect-ratio:842/552}
  .biology-nav{top:auto;bottom:0;translate:0 0;width:40px;height:40px}
  .biology-previous{left:6%}.biology-next{right:6%}
  .network-text{max-width:44%}.network-top,.network-bottom{max-width:95%}.network-left{max-width:34%;top:62%}.network-right{max-width:39%;top:62%}.network-first{max-width:74%}
  .network-bottom{top:89%}
  .evidence{padding-top:50px;padding-bottom:48px}.evidence>.science-heading{margin-right:6%;margin-bottom:38px}
  .evidence-art{min-height:0;aspect-ratio:1836/857}.evidence-plate{width:19%}
  .evidence-plate .evidence-subtitle{margin-top:2px}
  .evidence-meta{margin:22px 6% 0}.evidence-meta p{margin:5px 0}.evidence-meta .evidence-labs{margin-top:14px}
  .evidence-cta{margin:28px 0 0 6%;width:250px;min-height:78px;height:auto;border-radius:13px;padding:14px}
}

/* Desktop alignment checked against the complete Illustrator export. */
@media(min-width:761px){
 .evidence{padding-bottom:.7vw}
 .evidence>.science-heading{margin-bottom:7vw}
 .evidence-art{width:95.7%;margin-left:1.5%}
 .evidence-meta{margin:-3.2vw 8.8% 0;position:relative}
 .evidence-meta p,.evidence-meta .evidence-labs{margin:0}
 .evidence-cta{margin:6.3vw 0 0 7.65%;width:15.65%;height:5vw}
}
