/* Three complete highlight treatments, shared by product pages and the review. */
html body .highlights-panel[data-highlights-style]{position:relative;overflow:hidden;padding:28px;border:1px solid #ccddeb;border-radius:22px;background:linear-gradient(145deg,#f6fbff 0%,#eaf3fa 100%);box-shadow:0 10px 30px #375e7810;color:#243e50;min-width:0}
html body .highlights-panel[data-highlights-style]:after{display:none}
html body .highlights-panel[data-highlights-style] h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:650;color:#29495e;line-height:1.5!important}
html body .highlights-panel[data-highlights-style] h2:before{content:"";width:6px;height:18px;flex:none;background:#7dabc8;border-radius:3px}
html body .highlights-panel[data-highlights-style] ul{list-style:none;counter-reset:benefit;margin:0;padding:0;color:inherit}
html body .highlights-panel[data-highlights-style] li{position:relative;counter-increment:benefit;border:0;border-top:1px solid #cddde8;margin:0;padding:22px 0 22px 39px;min-height:84px;font-size:15px;font-weight:500;line-height:1.85;color:inherit}
html body .highlights-panel[data-highlights-style] li:last-child{padding-bottom:8px;min-height:72px}
html body .highlights-panel[data-highlights-style] li:before{content:"✓";position:absolute;left:0;top:24px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#d5e7f3;color:#426b85;font-size:12px;font-weight:600;line-height:1}
/* B: fine border, warm white and restrained green typography. */
html body .highlights-panel[data-highlights-style="paper"]{background:#fffefa;border:1px solid #ccd6c6;border-top:3px solid #769568;border-radius:7px;box-shadow:0 4px 20px #263e2810;color:#3d4d37}
html body .highlights-panel[data-highlights-style="paper"] h2{color:#34512d;margin-bottom:12px}
html body .highlights-panel[data-highlights-style="paper"] h2:before{display:none}
html body .highlights-panel[data-highlights-style="paper"] li{border-color:#e0e5db;padding-left:38px}
html body .highlights-panel[data-highlights-style="paper"] li:before{content:counter(benefit,decimal-leading-zero);border-radius:0;background:transparent;color:#7e9273;font-size:12px;top:25px}
/* C: one light frame and three individual pastel highlight cards. */
html body .highlights-panel[data-highlights-style="color"]{padding:24px;background:#fffefa;border:1px solid #dedfd5;border-radius:24px;box-shadow:none;color:#354831}
html body .highlights-panel[data-highlights-style="color"] h2{margin:0 4px 20px;color:#34482e}
html body .highlights-panel[data-highlights-style="color"] h2:before{width:8px;height:8px;background:#9cb47b;border-radius:50%}
html body .highlights-panel[data-highlights-style="color"] li{margin:10px 0 0;padding:18px 16px 18px 48px;border:1px solid #dfe8c9;border-radius:14px;background:#edf3df;min-height:86px}
html body .highlights-panel[data-highlights-style="color"] li:first-child{margin-top:0}
html body .highlights-panel[data-highlights-style="color"] li:nth-child(2){background:#eaf2f8;border-color:#d4e2ec;color:#365568}
html body .highlights-panel[data-highlights-style="color"] li:nth-child(3){background:#f0ecf7;border-color:#e0d8ed;color:#59476b}
html body .highlights-panel[data-highlights-style="color"] li:last-child{padding-bottom:18px;min-height:86px}
html body .highlights-panel[data-highlights-style="color"] li:before{content:counter(benefit,decimal-leading-zero);top:23px;left:16px;width:20px;height:20px;background:transparent;color:inherit;opacity:.65;font-size:11px}
.highlights-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;margin:22px 0 0;background:#edf2e6;border:1px solid #d5dfc8;border-radius:12px;font-size:13px;color:#455d3b}
.highlights-preview-bar a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:800px){html body .highlights-panel[data-highlights-style]{padding:24px}html body .highlights-panel[data-highlights-style="color"]{padding:22px}.highlights-preview-bar{font-size:12px}}

/* Current treatment: open, compact highlights alongside the overview. */
html body .highlights-panel[data-highlights-style="plain"]{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;color:#46574b}
html body .highlights-panel[data-highlights-style="plain"] h2{font-size:13px;font-weight:500;line-height:1.5!important;color:#697962;margin:0 0 18px;gap:0}
html body .highlights-panel[data-highlights-style="plain"] h2:before{display:none}
html body .highlights-panel[data-highlights-style="plain"] ul{margin:0;padding:0}
html body .highlights-panel[data-highlights-style="plain"] li{padding:14px 0 14px 32px;margin:0;border:0;border-bottom:1px solid #dbe2d6;min-height:0;font-size:14px;font-weight:400;line-height:1.85;background:none;border-radius:0}
html body .highlights-panel[data-highlights-style="plain"] li:first-child{padding-top:0}
html body .highlights-panel[data-highlights-style="plain"] li:last-child{padding-bottom:0;border-bottom:0;min-height:0}
html body .highlights-panel[data-highlights-style="plain"] li:before{content:counter(benefit,decimal-leading-zero);left:0;top:17px;width:auto;height:auto;display:block;background:none;border:0;border-radius:0;color:#739165;font-size:11px;font-weight:500;line-height:1.85}
html body .highlights-panel[data-highlights-style="plain"] li:first-child:before{top:3px}