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

.pst-hs{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-hs *{box-sizing:border-box}

.pst-hs-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.pst-hs-kicker{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#b08d4f;font-weight:600}

/* group badge + hover/focus tooltip */
.pst-hs-group{position:relative;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 11px;
	white-space:nowrap;cursor:help}
.pst-hs-group:focus-visible{outline:2px solid #b08d4f;outline-offset:2px}
.pst-hs .g-A{background:#eaf0dd;color:#4f6a24}
.pst-hs .g-B{background:#f8e7dd;color:#b3491f}
.pst-hs .g-C{background:#f0e6d6;color:#8a5a2b}
.pst-hs .g-D{background:#efe4f2;color:#77477f}
.pst-hs-i{font-style:normal;opacity:.6;margin-left:3px}
.pst-hs-tip{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:250px;
	background:#2a2320;color:#f3ead9;border-radius:10px;padding:12px 13px;font-weight:400;
	font-size:13.5px;line-height:1.5;text-align:left;white-space:normal;
	opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .13s,transform .13s;
	box-shadow:0 8px 22px rgba(42,35,32,.28)}
.pst-hs-group:hover .pst-hs-tip,.pst-hs-group:focus .pst-hs-tip,.pst-hs-group:focus-within .pst-hs-tip{
	opacity:1;visibility:visible;transform:translateY(0)}
.pst-hs-tip b{color:#fff;font-weight:600}
.pst-hs-tip .tl{display:block;margin-top:5px;color:#d8cbb6}
.pst-hs-tip .tl.cur{color:#fff;font-weight:600}
.pst-hs-tip .tl .k{display:inline-block;width:15px;font-weight:600;color:#e6b85a}

.pst-hs-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:16px}
.pst-hs-stat{flex:1;min-width:160px}
.pst-hs-range{font-family:"Fraunces",Georgia,serif;font-size:27px;font-weight:600;color:#2a2320;line-height:1.1}
.pst-hs-unit{font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:15px;font-weight:500;color:#6b5f52}
.pst-hs-median{font-size:14px;color:#6b5f52;margin-top:4px}
.pst-hs-vs{text-align:center;padding-left:22px;border-left:1px solid #e3d8c6;min-width:118px}
.pst-hs-mult{font-family:"Fraunces",Georgia,serif;font-size:34px;font-weight:600;line-height:1;color:#b3261e}
.pst-hs-mult-label{font-size:13px;color:#6b5f52;margin-top:3px}
@media (max-width:420px){.pst-hs-vs{border-left:0;padding-left:0;text-align:left;min-width:0}}

/* selected pepper label — its own band ABOVE the track (prevents overlap) */
.pst-hs-here-band{position:relative;height:26px}
.pst-hs-here{position:absolute;bottom:0;transform:translateX(-50%);text-align:center;white-space:nowrap;
	font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:14px;color:#2a2320}
.pst-hs-here.edge-l{transform:none}
.pst-hs-here.edge-r{transform:translateX(-100%)}
.pst-hs-here::after{content:"";display:block;width:2px;height:7px;background:#2a2320;margin:2px auto 0}
.pst-hs-here.edge-l::after{margin-left:6px}
.pst-hs-here.edge-r::after{margin-right:6px;margin-left:auto}

.pst-hs-track{position:relative;height:16px;border-radius:8px;overflow:hidden;display:flex}
.pst-hs-track i{display:block;height:100%}
.pst-hs .z1{background:#8ab24a}
.pst-hs .z2{background:#e2a12b}
.pst-hs .z3{background:#d1592c}
.pst-hs .z4{background:#7a1f18}
.pst-hs-marker{position:absolute;top:-3px;width:4px;height:22px;background:#2a2320;
	border:2px solid #faf6f0;border-radius:3px;transform:translateX(-50%);z-index:2}

.pst-hs-anchors{position:relative;height:40px;margin-top:6px}
.pst-hs-anchor{position:absolute;top:0;transform:translateX(-50%);font-size:12px;color:#6b5f52;
	text-align:center;text-decoration:none;white-space:nowrap}
.pst-hs-anchor::before{content:"";display:block;width:1px;height:7px;background:#c9bba4;margin:0 auto 3px}
.pst-hs-anchor.has-post{color:#b3261e;font-weight:500}
.pst-hs-anchor.has-post::before{background:#b3261e}
.pst-hs-anchor.has-post:hover{text-decoration:underline}
.pst-hs-anchor.is-current{color:#2a2320;font-weight:600;font-family:"Fraunces",Georgia,serif}
.pst-hs-anchor.is-current::before{height:9px;width:2px;background:#2a2320}

.pst-hs-plain{font-size:14px;color:#3f362e;background:#f1ebe1;border-radius:8px;padding:9px 12px;margin-top:14px}