/* Progressive enhancement: the original select remains the source of truth. */
.guru80-rate{position:relative;min-width:0}
.guru80-rate-trigger{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 24px 13px 18px;border:1px solid #93b479;border-radius:17px;background:linear-gradient(110deg,#f0f6e5,#e7f0f6);box-shadow:inset 0 1px #fff,0 7px 20px #2957720c;color:#244f6a;font:600 16px/1.35 Roboto,Arial,sans-serif;text-align:left;cursor:pointer}
.guru80-rate-trigger>span{display:grid;gap:3px}.guru80-rate-trigger small{color:#55763a;font-size:12px;font-weight:500}
.guru80-rate-trigger svg{flex:none;width:19px;height:19px;stroke:#507b35;fill:none;stroke-width:2.5;transition:transform .2s}.guru80-rate-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.guru80-rate-options{position:absolute;z-index:30;inset:calc(100% + 7px) 0 auto;padding:6px;border:1px solid #a8bd98;border-radius:17px;background:#f8fbf5;box-shadow:0 15px 34px #234a6024}
.guru80-rate-options[hidden]{display:none}
.guru80-rate-option{width:100%;display:grid;gap:4px;padding:13px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#244f6a;font:600 15px/1.35 Roboto,Arial,sans-serif;text-align:left;cursor:pointer}
.guru80-rate-option small{font-size:12px;font-weight:400;color:#506a78}.guru80-rate-option[aria-selected=true]{border-color:#a0bd7b;background:linear-gradient(110deg,#e5f0cd,#e5eef8)}
.guru80-rate-option:hover{background:#e6efda}.guru80-rate button:focus-visible{outline:3px solid #2774b0;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.guru80-rate-trigger svg{transition:none}}