.product-scores{padding:11px 12px;background:#f5f9ed;border:1px solid #e4edda;border-radius:9px;margin:0 0 14px}
.score-caption{display:block;font-size:7px;font-weight:700;letter-spacing:.8px;color:#94a182;margin-bottom:7px}
.product-score{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;line-height:1.5;color:#768466;padding:4px 0}
.product-score b{font-size:17px;font-weight:800;color:#b4bda9;font-variant-numeric:tabular-nums}
.product-score b.positive{color:#619219}
.card-index-note{font-size:8px;line-height:1.6;color:#9ba58e;margin:-5px 0 12px}
.score-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:15px}
.config-score{min-width:0;background:#f5f8ef;border:1px solid #e3ead7;border-radius:10px;padding:12px}
.config-score>span{display:block;font-size:10px;color:#6d7f58;font-weight:700;line-height:1.6;min-height:32px}
.config-score>div:not(.index-track){display:flex;align-items:baseline;gap:3px;flex-wrap:wrap;margin:5px 0 8px}
.config-score strong{font-size:29px;line-height:1;font-weight:800;letter-spacing:-1px;color:#547b2a;font-variant-numeric:tabular-nums}
.config-score small{font-size:8px;color:#8a9b78}
.config-score b{color:#6d962f;font-size:10px;font-weight:800;margin-left:auto}
.config-score p{color:#a0ac91;font-size:8px;margin:6px 0 0}
.harvest-score{grid-column:1/-1;background:linear-gradient(120deg,#f1f8e0,#fbfdf5);border-color:#c8dfa5;padding:16px}
.harvest-score>span{font-size:12px;color:#56772d;min-height:0}
.harvest-score strong{font-size:48px;color:#4d7c1c}
.harvest-score b{font-size:15px;padding:5px 9px;background:#e2efcf;border-radius:6px}
.harvest-score>div:not(.index-track){margin:10px 0 12px}
.index-track{height:5px;border-radius:8px;background:#e2ead8;overflow:hidden}
.index-track i{display:block;height:100%;background:linear-gradient(90deg,#84ac37,#a6ca5a);border-radius:8px;transition:width .25s}
.index-disclaimer{grid-column:1/-1;font-size:9px!important;line-height:1.75!important;color:#899679!important;margin:1px 0!important}
.index-method{grid-column:1/-1;padding:0 0 10px;border-bottom:1px solid #e7eddd}
.index-method summary{font-size:9px;color:#73944f;cursor:pointer;padding:4px 0}
.index-method p{font-size:9px;line-height:1.8;color:#899679}
.actual-specs{margin-top:10px;border:1px solid #e4eadc;border-radius:8px;padding:10px 12px}
.actual-specs summary{font-size:9px;font-weight:700;line-height:1.8;color:#7c8e68;cursor:pointer}
.actual-specs .result-row:last-child{border:0;padding-bottom:2px}
/* Keep the live totals in view while selecting the buttons at the card foot. */
aside .aside-title h2{font-size:23px;line-height:1.3;margin:7px 0}
aside .aside-title p{font-size:10px;line-height:1.6;margin:5px 0 10px}
aside .score-label{display:none}
aside #change,aside #benefits>.included-note{display:none}
aside .price{padding-top:13px;margin-top:14px}
aside .price button{margin-top:11px;padding:11px;min-height:40px}
aside .price button.secondary{margin-top:0}
.config-score{padding:10px}
.config-score>div:not(.index-track){margin:4px 0 6px}
.config-score strong{font-size:26px}
.harvest-score{padding:13px}
.harvest-score strong{font-size:43px}
.harvest-score>div:not(.index-track){margin:8px 0 10px}
@media(max-width:760px){.product-scores{padding:9px}.score-caption{font-size:6px;letter-spacing:.3px}.product-score{font-size:9px;gap:6px}.product-score b{font-size:16px}.card-index-note{font-size:7px}.score-summary{gap:12px}.harvest-score strong{font-size:51px}.config-score>span{font-size:11px}.config-score strong{font-size:32px}.index-disclaimer{font-size:10px!important}.index-method summary,.actual-specs summary{font-size:10px}.index-method p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.index-track i{transition:none}}