/* Compare Module — scoped styles for [pepper_compares].
   Aroma-group tints: A green, B coral, C brown, D violet. Brand tokens:
   paper #faf6f0, chili-red #b3261e, gold #b08d4f, ink #2a2320. */

.pst-cm{background:#faf6f0;border:1px solid #e3d8c6;border-radius:12px;padding:20px 22px;
	font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;color:#2a2320}
.pst-cm,.pst-cm *{box-sizing:border-box}

.pst-cm-kicker{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#b08d4f;font-weight:600}
.pst-cm-legend{font-size:13.5px;color:#6b5f52;margin:6px 0 14px;line-height:1.5}
.pst-cm-legend b{color:#3f362e;font-weight:600}

.pst-cm-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;
	padding:9px 12px;border:1px solid #ece2d3;border-radius:9px;margin-bottom:7px;background:#fdfbf7}
.pst-cm-row:hover{border-color:#d9c9ad;background:#fbf7ef}
.pst-cm-vs{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:16px;min-width:112px}

.pst-cm-tag{font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 9px;white-space:nowrap;
	flex:1;max-width:max-content}
.pst-cm-swap{background:#efe7d8;color:#7a6a52}
.pst-cm .g-A{background:#eaf0dd;color:#4f6a24}
.pst-cm .g-B{background:#f8e7dd;color:#b3491f}
.pst-cm .g-C{background:#f0e6d6;color:#8a5a2b}
.pst-cm .g-D{background:#efe4f2;color:#77477f}

.pst-cm-delta{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:15.5px;color:#3f362e;
	margin-left:auto;white-space:nowrap}
.pst-cm-delta.hot{color:#a32d2d}
.pst-cm-delta.mild{color:#6b8e23}

/* see-more: collapsed by default, all rows remain in the HTML source */
.pst-cm-more{margin-top:1px}
.pst-cm-more>summary{list-style:none;cursor:pointer;font-size:13.5px;font-weight:600;color:#b3261e;
	padding:7px 4px 3px;user-select:none}
.pst-cm-more>summary::-webkit-details-marker{display:none}
.pst-cm-more>summary::before{content:"▾ ";font-size:11.5px;display:inline-block;transition:transform .15s}
.pst-cm-more[open]>summary::before{transform:rotate(180deg)}
.pst-cm-more[open]>summary{color:#6b5f52}
.pst-cm-more>summary:hover{text-decoration:underline}

.pst-cm-xform{display:flex;flex-direction:column;gap:3px;background:#f3ece0;border:1px dashed #d9c9ad;
	border-radius:10px;padding:12px 14px;margin-top:10px}
.pst-cm-xform-t{font-size:14.5px;font-weight:600;color:#8a5a2b}
.pst-cm-xform-d{font-size:14px;color:#6b5f52;line-height:1.5}
.pst-cm-xform-l{font-size:14px;color:#b3261e;text-decoration:none;font-weight:500;margin-top:2px}
.pst-cm-xform-l:hover{text-decoration:underline}