/* Edition 22: natural and synthetic antioxidant decision guide. */
.feed-visual--natural-choice { background: radial-gradient(circle at 81% 28%, rgba(112,207,93,.2), transparent 25%), linear-gradient(130deg, #f5faf8, #eef6f4); }
.feed-visual--natural-choice .feed-visual-label { z-index: 5; color: #315e4b; border-color: rgba(49,94,75,.2); background: rgba(250,254,252,.9); }
.feed-visual--natural-choice .feed-visual-mark { position: absolute; right: 15px; bottom: 14px; width: 150px; height: 72px; }
.feed-visual--natural-choice .feed-visual-mark::before { content: ''; position: absolute; right: 11px; bottom: 5px; left: 11px; height: 2px; background: linear-gradient(90deg, #e6a04b 0 27%, #b8d2be 27% 36%, #71c96a 36% 64%, #b8d2be 64% 73%, #6db8d0 73%); }
.feed-visual--natural-choice .feed-visual-mark i { position: absolute; bottom: 14px; width: 24px; height: 31px; border: 2px solid #5a9d65; border-radius: 13px 13px 8px 8px; background: #76cb6a; box-shadow: 0 0 0 5px rgba(112,207,93,.1); }.feed-visual--natural-choice .feed-visual-mark i:nth-child(1) { left: 12px; border-color: #d4883b; background: #c7782e; }.feed-visual--natural-choice .feed-visual-mark i:nth-child(2) { left: 61px; border-color: #67ad61; background: #71c96a; }.feed-visual--natural-choice .feed-visual-mark i:nth-child(3) { right: 12px; border-color: #5e9ebb; background: #6eb7d1; }.feed-visual--natural-choice .feed-visual-mark i:nth-child(4) { display: none; }.feed-visual--natural-choice .feed-visual-mark i:nth-child(5) { display: none; }.feed-visual--natural-choice .feed-visual-mark i:nth-child(6) { display: none; }

.featured-visual--natural-choice { background: radial-gradient(circle at 79% 35%, rgba(112,207,93,.18), transparent 22%), linear-gradient(132deg, #0b2a43, #15445b); }
.featured-visual--natural-choice .featured-visual-label, .featured-visual--natural-choice .featured-visual-caption { z-index: 5; color: #d9ebee; border: 1px solid rgba(205,231,238,.22); background: rgba(7,35,55,.77); }
.featured-visual--natural-choice .featured-visual-caption { right: 23px; bottom: 21px; left: auto; }
.featured-visual--natural-choice .featured-visual-mark { inset: 0; background-image: linear-gradient(rgba(203,231,238,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(203,231,238,.07) 1px, transparent 1px); background-size: 100% 35%, 25% 100%; }
.featured-visual--natural-choice .featured-visual-mark::before { content: 'PERMISSION'; position: absolute; top: 25%; left: 11%; color: #e3b065; font: 9px var(--mono); letter-spacing: .08em; }.featured-visual--natural-choice .featured-visual-mark::after { content: 'PRODUCT EVIDENCE'; position: absolute; top: 25%; right: 9%; color: #8bd783; font: 9px var(--mono); letter-spacing: .07em; }
.featured-visual--natural-choice .featured-visual-mark i { position: absolute; top: 49%; width: 46px; height: 46px; border: 2px solid #d7e9ec; border-radius: 50%; background: #6db8d0; box-shadow: 0 0 0 10px rgba(109,184,208,.08); }.featured-visual--natural-choice .featured-visual-mark i:nth-child(1) { left: 16%; border-color: #e6a04b; background: #bd722d; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(2) { left: calc(50% - 25px); width: 54px; height: 54px; border: 5px solid #bfeab5; background: radial-gradient(circle at 50% 50%, #efa653 0 17%, #0b2a43 18% 36%, #72ca69 37%); box-shadow: 0 0 0 13px rgba(112,207,93,.09); transform: translateY(-8px); }.featured-visual--natural-choice .featured-visual-mark i:nth-child(3) { right: 16%; border-color: #91d48b; background: #5fac60; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(4) { top: calc(49% + 21px); left: 25%; width: 73px; height: 2px; border: 0; border-radius: 0; background: #a7cbd5; box-shadow: none; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(5) { top: calc(49% + 21px); left: 55%; width: 73px; height: 2px; border: 0; border-radius: 0; background: #a7cbd5; box-shadow: none; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(6) { display: none; }

.natural-choice-evidence { background: #edf6f2; }.natural-choice-board { display: grid; grid-template-columns: .95fr 1.05fr; min-height: 610px; overflow: hidden; background: #0c2c45; }.natural-choice-source { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 610px; margin: 0; padding: 28px; background: #0b2a43; }.natural-choice-source img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #0b2a43; }.natural-choice-source figcaption { margin-top: 14px; color: #b8ced7; font-size: 11px; line-height: 1.52; }
.natural-choice-guide { display: flex; flex-direction: column; min-height: 610px; padding: 43px 45px 37px; color: #fff; background: linear-gradient(145deg, #123b53, #0b283f); }.natural-choice-guide .comparison-label, .natural-choice-detail .comparison-label, .natural-choice-path .comparison-label { color: var(--journal-green) !important; }.natural-choice-guide h3 { max-width: 460px; margin: 0; color: #fff; font-size: clamp(29px, 3vw, 40px); line-height: 1.05; letter-spacing: -.06em; }.natural-choice-tabs { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 7px; margin: 30px 0 19px; }.natural-choice-tab { min-height: 47px; padding: 10px 10px; color: #c2d7df; border: 1px solid rgba(209,234,241,.22); background: rgba(255,255,255,.035); font: 800 11px/1.25 var(--sans); text-align: left; transition: color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease); }.natural-choice-tab:hover { color: #fff; border-color: #9ddb94; background: rgba(112,207,93,.12); }.natural-choice-tab:focus-visible { outline: 3px solid rgba(105,187,218,.72); outline-offset: 3px; }.natural-choice-tab[aria-selected='true'] { color: #0a2d43; border-color: var(--journal-green); background: var(--journal-green); }
.natural-choice-detail { margin-top: auto; padding-top: 19px; border-top: 1px solid rgba(211,235,243,.21); }.natural-choice-detail-header { display: grid; grid-template-columns: 50px 1fr; gap: 16px; align-items: start; }.natural-choice-index { color: var(--journal-green); font: 21px/1 var(--mono); letter-spacing: -.05em; }.natural-choice-detail h4 { margin: 0 0 9px; color: #fff; font-size: 19px; line-height: 1.18; letter-spacing: -.04em; }.natural-choice-detail-header p { margin: 0; color: #c2d6df; font-size: 14px; line-height: 1.6; }.natural-choice-checks { margin: 18px 0 0 66px; padding: 16px 0; border-top: 1px solid rgba(211,235,243,.17); border-bottom: 1px solid rgba(211,235,243,.14); }.natural-choice-checks ul { display: grid; gap: 7px; margin: 9px 0 0; padding: 0; list-style: none; }.natural-choice-checks li { position: relative; padding-left: 14px; color: #dfecef; font-size: 12px; line-height: 1.45; }.natural-choice-checks li::before { content: ''; position: absolute; top: .56em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--journal-green); }.natural-choice-boundary { margin: 15px 0 0 66px; color: #aac5d0; font-size: 12px; line-height: 1.48; }
.natural-choice-path { margin-top: 36px; padding: 31px; color: #fff; background: #0c2c45; }.natural-choice-path h3 { max-width: 650px; margin: 0; color: #fff; font-size: 29px; line-height: 1.1; letter-spacing: -.057em; }.natural-choice-path-list { display: grid; grid-template-columns: 1fr 27px 1fr 27px 1fr; gap: 9px; align-items: stretch; margin: 26px 0 0; padding: 0; list-style: none; }.natural-choice-path-list li { min-height: 146px; padding: 19px; background: rgba(255,255,255,.055); border-top: 1px solid rgba(210,233,243,.25); }.natural-choice-path-list li > span { display: block; margin-bottom: 25px; color: var(--journal-green); font: 10px var(--mono); }.natural-choice-path-list b { display: block; margin-bottom: 7px; color: #fff; font-size: 16px; letter-spacing: -.035em; }.natural-choice-path-list p { margin: 0; color: #bdd2dc; font-size: 12px; line-height: 1.53; }.natural-choice-arrow { align-self: center; color: var(--journal-green); font-size: 16px; font-style: normal; text-align: center; }
@media (max-width: 980px) { .natural-choice-board { grid-template-columns: 1fr; }.natural-choice-source { min-height: 420px; }.natural-choice-guide { min-height: 0; }.natural-choice-path-list li { padding: 18px; } }
@media (max-width: 720px) { .featured-visual--natural-choice .featured-visual-caption { right: 16px; bottom: 16px; }.featured-visual--natural-choice .featured-visual-mark::before { left: 10%; font-size: 7px; }.featured-visual--natural-choice .featured-visual-mark::after { right: 8%; font-size: 7px; }.featured-visual--natural-choice .featured-visual-mark i { top: 50%; width: 31px; height: 31px; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(1) { left: 15%; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(2) { left: calc(50% - 20px); width: 43px; height: 43px; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(3) { right: 15%; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(4) { top: calc(50% + 16px); left: 23%; width: 41px; }.featured-visual--natural-choice .featured-visual-mark i:nth-child(5) { top: calc(50% + 16px); left: 56%; width: 41px; }
  .natural-choice-source { min-height: 0; padding: 20px; }.natural-choice-source figcaption { margin-top: 11px; font-size: 10px; line-height: 1.45; }.natural-choice-guide { padding: 29px 20px 25px; }.natural-choice-guide h3 { font-size: 29px; }.natural-choice-tabs { margin: 24px 0 17px; }.natural-choice-tab { min-height: 44px; padding: 8px 9px; font-size: 10px; }.natural-choice-detail-header { grid-template-columns: 41px 1fr; gap: 12px; }.natural-choice-index { font-size: 17px; }.natural-choice-detail h4 { font-size: 17px; }.natural-choice-detail-header p { font-size: 13px; line-height: 1.57; }.natural-choice-checks { margin: 17px 0 0 53px; padding: 14px 0; }.natural-choice-checks li { font-size: 12px; }.natural-choice-boundary { margin: 14px 0 0 53px; font-size: 12px; line-height: 1.47; }.natural-choice-path { margin-top: 25px; padding: 25px 20px; }.natural-choice-path h3 { font-size: 27px; }.natural-choice-path-list { display: block; margin-top: 22px; }.natural-choice-path-list li { min-height: 0; padding: 18px; }.natural-choice-path-list li > span { margin-bottom: 12px; }.natural-choice-arrow { display: block; width: 1px; height: 22px; margin: 0 auto; overflow: hidden; background: rgba(210,233,243,.35); font-size: 0; }.natural-choice-arrow::after { content: '↓'; position: relative; top: 12px; left: -4px; color: var(--journal-green); font-size: 14px; } }