:root{--hh-teal:#008C6E;--hh-orange:#E0651F;--hh-ink:#22201C;--hh-stone:#6B665C;--hh-rule:#DDD8CE}
.hhr .hhc-track{--hhc-n:3}
.hhr-head{text-align:center;margin:0 0 30px}
.hhr-head h2{font-family:var(--font-heading--family);font-size:clamp(26px,3.2vw,36px);letter-spacing:-.02em;color:var(--hh-ink);margin:0 0 8px;font-weight:500}
.hhr-head p{color:var(--hh-stone);font-size:15.5px;margin:0 auto;max-width:56ch;line-height:1.55}
.hhr-stage{position:relative;padding:0 58px}
.hhr-card{background:#FFF;border:1px solid var(--hh-rule);border-radius:12px;padding:26px 24px 24px;height:100%;display:flex;flex-direction:column;border-top:4px solid var(--hh-orange)}
.hhr-stars{display:flex;gap:3px;margin:0 0 14px}
.hhr-star{width:18px;height:18px;border-radius:4px;background:var(--hh-orange);display:inline-flex;align-items:center;justify-content:center}
.hhr-star--off{background:var(--hh-rule)}
.hhr-star svg{width:11px;height:11px;display:block;fill:#FFF}
.hhr-title{font-family:var(--font-heading--family);font-size:17.5px;font-weight:600;color:var(--hh-ink);margin:0 0 9px;line-height:1.25}
.hhr-body{font-size:14.5px;line-height:1.55;color:var(--hh-ink);margin:0 0 18px;flex:1 1 auto}
.hhr-foot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0}
.hhr-author{font-size:13px;color:var(--hh-stone)}
.hhr-verified{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#FFF;background:var(--hh-teal);border-radius:20px;padding:3px 9px;font-weight:700}
.hhr-nav-side{position:static}
.hhr-nav-side .hhc-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.hhr-nav-side .hhc-prev{left:0}
.hhr-nav-side .hhc-next{right:0}
@media(max-width:989px){.hhr .hhc-track{--hhc-n:1.6}.hhr-stage{padding:0}.hhr-nav-side{display:none}}
