.ingredient-detail{--ink:#002B4D;--muted:#4D6B82;--accent:#159C98;max-width:1000px;margin:32px auto 64px;background:#fff;border:1px solid #F0F9F9;border-radius:28px;overflow:hidden;color:var(--ink)}.ingredient-intro,.ingredient-content{padding:32px 40px}.ingredient-back{font-size:14px;color:var(--muted);display:inline-block;margin-bottom:22px}.ss-page .ingredient-detail h1{font-size:42px;line-height:1.15;letter-spacing:-.03em;margin:0 0 24px}.ingredient-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ingredient-actions a{display:flex;align-items:center;gap:12px;border:1px solid #D0EBEA;border-radius:12px;padding:12px 18px;font-size:18px;color:#002b4d}.ingredient-actions a.selected{background:#d0ebea;border-color:#d0ebea}.ingredient-actions span{color:var(--accent);font-size:24px}.ingredient-note,.ingredient-info{background:#f0f9f9;border-radius:16px;padding:18px 22px;font-size:17px;line-height:1.55;color:#159c98}.ingredient-note{font-weight:600}.ingredient-tabs{display:flex;overflow-x:auto;gap:38px;padding:0 40px;border-bottom:2px solid #F0F9F9;scrollbar-width:thin}.ingredient-tabs a{position:relative;padding:20px 0;font-size:19px;font-weight:750;white-space:nowrap;color:#4d6b82}.ingredient-tabs .active{color:var(--ink)}.ingredient-tabs .active:after{content:"";height:5px;background:var(--accent);position:absolute;bottom:0;left:0;right:0;border-radius:5px 5px 0 0}.overall-safety{display:grid;grid-template-columns:32px 1fr auto 14px;align-items:center;gap:22px;background:#f0f9f9;border:2px solid #D0EBEA;border-radius:22px;padding:26px;color:var(--ink)}.overall-safety svg{width:28px;color:#159c98}.ss-page .overall-safety h2{font-size:20px;letter-spacing:0;line-height:1.3;margin:0 0 6px}.overall-safety p{font-size:18px;line-height:1.45;color:var(--muted)}.overall-safety>strong{color:#159c98;font-size:18px}.chevron{font-size:32px;color:var(--muted)}.ingredient-section{margin-top:36px;scroll-margin-top:24px}.ss-page .ingredient-section>h2{font-size:28px;line-height:1.3;margin:0 0 8px;letter-spacing:0}.section-intro{font-size:18px;line-height:1.5;color:var(--muted);margin-bottom:18px}.benefit-list{border:2px solid #F0F9F9;border-radius:24px;overflow:hidden}.benefit-item{display:grid;grid-template-columns:1fr 112px;gap:24px;padding:28px;align-items:center}.benefit-item+.benefit-item{border-top:2px solid #F0F9F9}.ss-page .benefit-item h3{font-size:25px;line-height:1.35;letter-spacing:0;margin:0 0 10px}.benefit-item p{font-size:19px;line-height:1.5;color:var(--muted)}.benefit-ring{border-radius:50%;aspect-ratio:1;background:conic-gradient(var(--accent) var(--progress),#F0F9F9 0);padding:8px}.benefit-ring>div{border-radius:50%;height:100%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.benefit-ring strong{font-size:29px;line-height:1.1}.benefit-ring span{font-size:15px;font-weight:700;color:var(--muted)}.ingredient-link{display:inline-block;color:#002b4d;font-weight:700;padding:8px 0}.empty-evidence{padding:24px}.ingredient-detail a:focus-visible{outline:3px solid #002B4D;outline-offset:-3px}@media(max-width:640px){.ingredient-detail{margin:0;border:0;border-radius:24px 24px 0 0}.ingredient-intro,.ingredient-content{padding:24px 20px}.ss-page .ingredient-detail h1{font-size:32px}.ingredient-actions{gap:8px}.ingredient-actions a{font-size:14px;padding:10px;gap:7px}.ingredient-actions span{font-size:18px}.ingredient-note{font-size:14px;padding:14px 16px}.ingredient-tabs{padding:0 20px;gap:30px}.ingredient-tabs a{font-size:16px}.overall-safety{grid-template-columns:24px 1fr 12px;gap:12px;padding:18px 14px}.overall-safety>strong{grid-column:2;font-size:15px}.overall-safety>.chevron{grid-column:3;grid-row:1 / 3}.overall-safety svg{width:22px}.ss-page .overall-safety h2{font-size:17px}.overall-safety p{font-size:15px}.ss-page .ingredient-section>h2{font-size:24px}.section-intro{font-size:16px}.benefit-item{grid-template-columns:1fr 76px;padding:20px 14px;gap:14px}.ss-page .benefit-item h3{font-size:18px}.benefit-item p{font-size:15px}.benefit-ring{padding:6px}.benefit-ring strong{font-size:23px}.benefit-ring span{font-size:12px}}
