.explain-illustration{display:block;min-width:0;container-type:inline-size;margin:30px 0 34px;padding:26px;background:#f6f8f2;border:1px solid #dbe4d6;border-top:3px solid #4a735b;clear:both}.explain-illustration>figcaption h3{font-size:22px;line-height:1.55;letter-spacing:-.035em;margin:10px 0 24px;word-break:keep-all}.explain-icon{display:block;width:160px;height:120px;max-width:100%;margin:auto}ol.explain-sequence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}ol.explain-sequence>li{background:#fffdf8;padding:18px 14px;min-width:0;position:relative;border:1px solid #e5e9df}ol.explain-sequence>li+li:before{content:'→';position:absolute;left:-14px;top:72px;color:#58765c;font-size:19px;font-weight:700}.explain-step-number{font-size:10px;color:#71866d;display:block;margin:12px 0 7px}ol.explain-sequence h4{font-size:17px;font-weight:700;line-height:1.6;margin:0 0 8px;word-break:keep-all}ol.explain-sequence li>p{font-size:13px;line-height:1.9;color:#55684f;margin:0;word-break:keep-all}.explain-illustration>p.explain-note{font-size:12px;line-height:1.9;margin:20px 0 0;color:#66765e;word-break:keep-all}.explain-illustration>p.explain-sources{font-size:11px;line-height:1.9;margin:10px 0 0;color:#6f7c65;word-break:keep-all}.explain-sources a{text-decoration:underline;text-underline-offset:3px}.explain-oil-intro{display:flex;align-items:center;gap:22px;margin-bottom:23px}.explain-oil-intro>.explain-icon{margin:0;flex:none;width:145px}.explain-oil-intro div>span{display:block;font-size:12px;color:#6e7a60}.explain-oil-intro strong{display:block;font-size:27px;line-height:1.6;color:#294c39;margin:5px 0}.explain-oil-intro strong>span{font-size:15px;margin-left:5px}.explain-oil-intro p{font-size:13px;line-height:1.8;margin:0;color:#617155}.explain-oil-bar{display:flex;width:100%;height:43px;overflow:hidden;border-radius:22px;background:#e0e5d8}.explain-oil-bar span+span{border-left:2px solid #f6f8f2}.oil-epa{background:#527c62}.oil-dha{background:#d09a64}.oil-rest{background:#dfe5d6}.explain-oil-legend{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;line-height:1.7;margin-top:17px}.explain-oil-legend>span{display:inline-flex;align-items:center;gap:6px;color:#536348}.explain-oil-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.explain-oil-legend b{font-weight:650}.explain-illustration p.explain-equation{font-size:18px;line-height:1.8;margin:23px 0 0;padding:16px;background:#fffdf8;text-align:center;word-break:keep-all}.explain-equation strong{color:#2e6144}.explain-illustration p.explain-key{font-size:15px;font-weight:650;line-height:1.9;text-align:center;word-break:keep-all;margin:18px 0 0}.explain-equal-grid{display:grid;grid-template-columns:1fr 42px 1fr;gap:12px;align-items:center}.explain-equal-grid>div{background:#fffdf8;padding:17px 12px;text-align:center;border:1px solid #e1e7da}.explain-equal-grid strong{display:block;font-size:25px;line-height:1.7;color:#31533e}.explain-equal-grid div>span{font-size:12px;line-height:1.8;display:block;color:#6a785e}.explain-equal-sign{font-size:34px;text-align:center;color:#7b9272}.explain-foot-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;align-items:center}svg.explain-foot{display:block;width:180px;height:auto;max-width:100%}.explain-foot-legend{list-style:none;margin:0;padding:0;display:grid;gap:22px}.explain-foot-legend li{display:flex;gap:13px;align-items:flex-start}.explain-foot-legend li>span{width:27px;height:27px;border-radius:50%;background:#c2775b;color:#fff;display:grid;place-items:center;flex:none;font-size:12px;font-weight:700}.explain-foot-legend li:nth-child(2)>span{background:#799e86}.explain-foot-legend li:nth-child(3)>span{background:#ad8d4e}.explain-foot-legend h4{font-size:16px;line-height:1.65;margin:0 0 7px;word-break:keep-all}.explain-foot-legend p{font-size:13px;line-height:1.8;margin:0;color:#65725c;word-break:keep-all}svg.explain-layers{display:block;width:100%;max-width:480px;height:auto;margin:auto}.explain-layer-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}.explain-layer-labels>div{padding:15px;background:#fffdf8}.explain-layer-labels span{font-size:10px;color:#7e8b72;display:block;margin-bottom:7px}.explain-layer-labels strong{font-size:15px;line-height:1.7;display:block;word-break:keep-all}.explain-layer-labels p{font-size:12px;line-height:1.8;margin:7px 0 0;color:#64735b;word-break:keep-all}.concept-step-picture{width:118px;height:90px;margin:0 auto 10px}
@media(max-width:600px){.explain-illustration{padding:21px 16px;margin:26px 0 30px}.explain-illustration>figcaption h3{font-size:20px;margin-bottom:20px}ol.explain-sequence{grid-template-columns:1fr;gap:13px}ol.explain-sequence>li{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:13px;padding:17px 12px}ol.explain-sequence .explain-icon{grid-column:1;grid-row:1/4;width:92px;height:79px;align-self:center}ol.explain-sequence .explain-step-number{grid-column:2;margin:0 0 4px}ol.explain-sequence h4{grid-column:2;font-size:16px;margin-bottom:5px}ol.explain-sequence li>p{grid-column:2;font-size:13px;line-height:1.8}ol.explain-sequence>li+li:before{content:'↓';top:-18px;left:43px;font-size:16px}.explain-oil-intro{gap:10px}.explain-oil-intro>.explain-icon{width:92px;height:86px}.explain-oil-intro strong{font-size:22px}.explain-oil-intro div>span{font-size:10px}.explain-oil-intro p{font-size:11px}.explain-oil-bar{height:35px}.explain-oil-legend{gap:9px 13px;font-size:11px}.explain-illustration p.explain-equation{font-size:16px;padding:13px 8px}.explain-illustration p.explain-key{font-size:14px}.explain-equal-grid{grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:5px}.explain-equal-grid>div{padding:12px 6px}.explain-equal-grid .explain-icon{width:100px;height:82px}.explain-equal-grid strong{font-size:21px}.explain-equal-grid div>span{font-size:11px}.explain-equal-sign{font-size:24px}.explain-foot-layout{grid-template-columns:100px minmax(0,1fr);gap:13px}svg.explain-foot{width:100px}.explain-foot-legend{gap:17px}.explain-foot-legend li{gap:8px}.explain-foot-legend li>span{width:21px;height:21px;font-size:10px}.explain-foot-legend h4{font-size:14px;margin-bottom:5px}.explain-foot-legend p{font-size:12px}.explain-layer-labels{grid-template-columns:1fr;gap:9px}.explain-layer-labels>div{padding:12px 15px}.explain-layer-labels span{float:left;margin:3px 10px 0 0}.explain-layer-labels p{font-size:13px;margin-top:4px}.concept-step-picture{width:110px;height:83px;margin-bottom:10px}}

/* Figures own the frame; only the inner list controls the card grid. */
.explain-illustration>figcaption,.explain-illustration>.explain-note,.explain-illustration>.explain-sources{width:100%;min-width:0}
ol.explain-sequence li>p{font-size:14px;line-height:1.85}
.explain-cards{display:grid;grid-template-columns:repeat(var(--explain-columns,3),minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.explain-cards>li{min-width:0;padding:20px 18px;background:#fffdf8;border:1px solid #e1e7da}
.explain-cards .explain-icon{margin:0 auto 18px}
.explain-cards h4{font-size:18px;line-height:1.6;margin:0 0 9px;word-break:keep-all}
.explain-cards li p{font-size:14px;line-height:1.85;margin:0;color:#55684f;word-break:keep-all}
@container(max-width:560px){
 ol.explain-sequence{grid-template-columns:1fr;gap:16px}
 ol.explain-sequence>li{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:15px;padding:18px 14px}
 ol.explain-sequence .explain-icon{grid-column:1;grid-row:1/4;width:80px;height:72px;align-self:center}
 ol.explain-sequence .explain-step-number{grid-column:2;margin:0 0 4px}
 ol.explain-sequence h4{grid-column:2;font-size:17px;margin-bottom:6px}
 ol.explain-sequence li>p{grid-column:2;font-size:14px;line-height:1.8}
 ol.explain-sequence>li+li:before{content:'↓';top:-22px;left:48px;font-size:17px}
 .explain-cards{grid-template-columns:1fr;gap:12px}
 .explain-cards>li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:15px;align-items:center;padding:18px 14px}
 .explain-cards .explain-icon{width:80px;height:72px;margin:0}
 .explain-cards h4{font-size:17px}
}
@container(max-width:300px){
 ol.explain-sequence>li,.explain-cards>li{grid-template-columns:64px minmax(0,1fr);column-gap:12px;padding:16px 12px}
 ol.explain-sequence .explain-icon,.explain-cards .explain-icon{width:64px;height:60px}
 ol.explain-sequence h4,.explain-cards h4{font-size:16px}
}

/* Botanical names and regions stay as readable text, including on small screens. */
.explain-origin-intro{display:flex;gap:22px;align-items:center;padding:0 0 22px}
.explain-origin-intro .explain-icon{width:140px;height:105px;flex:none;margin:0}
.explain-origin-intro p{font-size:16px;line-height:1.9;word-break:keep-all;margin:0;color:#50634f}
.explain-origin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.explain-origin-grid>div{background:#fffdf8;border:1px solid #dbe5d7;border-radius:8px;padding:22px;min-width:0}
.explain-origin-grid>div:first-child{border-top:4px solid #54785c}
.explain-origin-grid dt{margin:0}
.explain-origin-grid .origin-region{display:block;font-size:13px;color:#63745a;line-height:1.6;margin-bottom:10px}
.explain-origin-grid strong{display:block;font-size:22px;line-height:1.5;word-break:keep-all}
.explain-origin-grid i{display:block;font-size:13px;line-height:1.8;color:#75826d;margin-top:5px;overflow-wrap:anywhere}
.explain-origin-grid dd{font-size:14px;line-height:1.85;color:#53634b;margin:14px 0 0;word-break:keep-all}
@container(max-width:560px){
 .explain-origin-intro{gap:14px;align-items:flex-start}
 .explain-origin-intro .explain-icon{width:78px;height:72px}
 .explain-origin-intro p{font-size:14px;line-height:1.85}
 .explain-origin-grid{grid-template-columns:1fr;gap:12px}
 .explain-origin-grid>div{padding:19px}
 .explain-origin-grid strong{font-size:21px}
}
.explain-origin-map{display:block;width:100%;margin:0 0 12px}.explain-origin-map img{display:block;width:100%;height:auto}.explain-illustration p.explain-origin-map-note{margin:0 0 22px;font-size:11px;line-height:1.8;color:#71816d}