/* Pepper Profile Card — wrapper for [pepper_profile_card].
   Composes heat-strip / flavor-radar / compare-module as seamless sections.
   Requires those three tools' stylesheets to also be enqueued.
   Brand tokens: paper #faf6f0, chili-red #b3261e, gold #b08d4f, ink #2a2320. */

.pst-card{background:#faf6f0;border:1px solid #e3d8c6;border-radius:14px;padding:22px 24px;
	font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif;color:#2a2320;
	box-shadow:0 1px 3px rgba(42,35,32,.05)}
.pst-card,.pst-card *{box-sizing:border-box}

/* neutralise nested block chrome so they read as sections, not boxes */
.pst-card .pst-hs,.pst-card .pst-fr,.pst-card .pst-cm{background:transparent;border:0;padding:0;max-width:none;border-radius:0}
.pst-card .pst-hs-head{display:none}                          /* header owns the group + "How hot?" */
.pst-card .pst-fr-head,.pst-card .pst-cm-kicker{display:none}  /* unified eyebrows below */

.pst-card-sec{padding-top:16px;margin-top:16px;border-top:1px solid #ece2d3}
.pst-card-sec:first-of-type{padding-top:0;margin-top:0;border-top:0}
.pst-card-eyebrow{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#b08d4f;font-weight:600;margin-bottom:8px}

/* header */
.pst-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.pst-card-name{font-family:"Fraunces",Georgia,serif;font-size:27px;font-weight:600;line-height:1.1}
.pst-card-notes{font-size:14.5px;color:#6b5f52;margin-top:4px}
.pst-card-group{position:relative;font-size:12.5px;font-weight:600;border-radius:999px;padding:5px 12px;white-space:nowrap;cursor:help}
.pst-card-group:focus-visible{outline:2px solid #b08d4f;outline-offset:2px}
.pst-card .g-A{background:#eaf0dd;color:#4f6a24}
.pst-card .g-B{background:#f8e7dd;color:#b3491f}
.pst-card .g-C{background:#f0e6d6;color:#8a5a2b}
.pst-card .g-D{background:#efe4f2;color:#77477f}
.pst-card-i{font-style:normal;opacity:.6;margin-left:3px}
.pst-card-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-card-group:hover .pst-card-tip,.pst-card-group:focus .pst-card-tip,.pst-card-group:focus-within .pst-card-tip{opacity:1;visibility:visible;transform:translateY(0)}
.pst-card-tip b{color:#fff;font-weight:600}
.pst-card-tip .tl{display:block;margin-top:5px;color:#d8cbb6}
.pst-card-tip .tl.cur{color:#fff;font-weight:600}
.pst-card-tip .tl .k{display:inline-block;width:15px;font-weight:600;color:#e6b85a}

/* mid row: radar + facts side by side, stacking on narrow screens */
.pst-card-mid{display:flex;gap:22px;flex-wrap:wrap}
.pst-card-mid>div{flex:1;min-width:210px}
.pst-card-facts dl{margin:0;font-size:15px}
.pst-card-facts .r{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #ece2d3}
.pst-card-facts .r:last-child{border-bottom:0}
.pst-card-facts dt{color:#6b5f52;margin:0}
.pst-card-facts dd{margin:0;font-weight:500}

/* CTAs */
.pst-card-cta{display:flex;gap:8px;flex-wrap:wrap}
.pst-card-cta a{font-size:14px;color:#7a2118;background:#f3e2df;border:1px solid #e6c6c0;border-radius:999px;
	padding:7px 13px;text-decoration:none;font-weight:500}
.pst-card-cta a:hover{background:#eed6d2}