.jr-tone-guide{margin:0 0 28px;padding:26px;border:1px solid #e4ccd7;border-radius:20px;background:linear-gradient(125deg,#fff,#faedf3)}
.jr-tone-guide-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);column-gap:35px;align-items:end;margin-bottom:18px}
.jr-tone-guide-heading .jr-eyebrow{grid-column:1/-1;margin-bottom:8px}
.jr-tone-guide-heading h3{margin:0;font:500 26px/1.2 Georgia,'Times New Roman',serif}
.jr-tone-guide-heading p{margin:0;font-size:11px;line-height:1.7}
.jr-tone-products{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:9px}
.jr-tone-product{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:15px;border:1px solid #ead7df;border-radius:13px;background:#fff;transition:.2s}
.jr-tone-product:hover{border-color:#c888a4;transform:translateY(-1px)}
.jr-tone-product--mhb{border-color:#a33760;background:linear-gradient(130deg,#fff,#f9e4ed);box-shadow:0 10px 22px #81355012}
.jr-tone-product>span:nth-child(2){min-width:0}
.jr-tone-product b,.jr-tone-product small{display:block}
.jr-tone-product b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jr-tone-product small{margin-top:4px;color:#806c75;font-size:8px;line-height:1.5}
.jr-tone-product em{position:absolute;right:9px;top:8px;padding:3px 6px;border-radius:999px;background:#a33760;color:#fff;font-size:7px;font-weight:800;letter-spacing:.08em}
.jr-tone-swatch{width:26px;height:26px;flex:0 0 26px;border:4px solid #fae8ef;border-radius:50%;background:linear-gradient(135deg,#d65d78,#ee9dad)}
.jr-tone-product--mhb .jr-tone-swatch{border-color:#f2d5df;background:linear-gradient(135deg,#8f163d,#c42e53)}
.jr-tone-disclosure{margin:14px 0 0;color:#8c7781;font-size:9px;line-height:1.6}
.jr-tone-guide--compact{margin-bottom:24px;padding:20px}
.jr-tone-guide--compact .jr-tone-guide-heading h3{font-size:22px}
.jr-review-product-mention{display:table;margin:-6px 0 15px;padding:5px 8px;border-radius:999px;background:#f7e5ed;color:#8e3154;font-size:8px;font-weight:800;letter-spacing:.03em}
.jr-order-reviews .jr-tone-guide{margin-top:20px}
@media(max-width:900px){.jr-tone-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.jr-tone-guide{padding:20px 16px}.jr-tone-guide-heading{display:block}.jr-tone-guide-heading h3{font-size:23px}.jr-tone-guide-heading p{margin-top:10px}.jr-tone-products{grid-template-columns:1fr}.jr-tone-product{padding:14px}.jr-tone-product--mhb{order:-1}.jr-review-toolbar p{max-width:210px;line-height:1.5}}