/* Cookeryonline recipe ratings (Cook Book score + reader stars). Pop-art, square corners. Loaded after recipe.css.
   Stars: gold #d4a017 on white, outlined in dark gold #8a6508 (5.6:1 on white, so empty and full stars stay visible; WCAG 1.4.11). */
:root{--rx-gold:#d4a017;--rx-gold-dk:#8a6508}
.rx-rating{margin:12px 0 4px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.rx-rating[hidden]{display:none}
.rx-rating .rx-cb{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.93rem;line-height:1.4}
.rx-cb-badge{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#16141f;border:2px solid #16141f;border-radius:0;
  box-shadow:3px 3px 0 #16141f;padding:4px 10px;font-weight:700;white-space:nowrap}
.rx-cb-badge b{font-size:1.25rem;line-height:1;color:#16141f}
.rx-cb-badge .rx-meter{margin-right:1px}
.rx-cb-txt{color:#16141f;flex:1 1 260px}
.rx-cb a,.rx-cbnote a{color:#c2410c;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.rx-readers{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:1rem}
.rx-readers[hidden],.rx-cbnote[hidden],.rx-cb[hidden]{display:none}
.rx-readers .rx-avg{font-size:1.5rem;font-weight:800;color:#16141f;line-height:1}
.rx-readers .rx-n{color:#16141f}
.rx-cbnote{margin:0;font-size:.82rem;color:#5b5866}
.rx-rating .rx-rate-jump{display:inline-flex;align-items:center;gap:6px;border:2px solid #16141f;border-radius:0;background:#fff;color:#16141f;
  padding:3px 12px;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 #c2410c}
.rx-rating .rx-rate-jump:hover,.rx-rating .rx-rate-jump:focus-visible{background:#16141f;color:#fff}
/* static star meter (average) */
.rx-meter{--v:0;position:relative;display:inline-block;width:120px;height:24px;flex:0 0 auto;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z' fill='%23fff' stroke='%238a6508' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/24px 24px repeat-x}
.rx-meter::before{content:"";position:absolute;inset:0;width:calc(var(--v) / 5 * 100%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z' fill='%23d4a017' stroke='%238a6508' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/24px 24px repeat-x}
.rx-meter.is-sm{width:90px;height:18px;background-size:18px 18px}.rx-meter.is-sm::before{background-size:18px 18px}
.rx-meter.is-xs{width:75px;height:15px;background-size:15px 15px}.rx-meter.is-xs::before{background-size:15px 15px}
/* Rate this recipe card */
.rx-ratecard .rx-rate-ask{margin:.2em 0 .6em;font-weight:700;font-size:1.05rem}
.rx-ratecard .rx-rate-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.rx .rx-stars{display:inline-flex;gap:4px;padding:0;margin:0;border:0}
.rx .rx-stars button{all:unset;box-sizing:border-box;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  border:2px solid #16141f;border-radius:0;background:#fff!important;box-shadow:3px 3px 0 #16141f;transition:transform .06s}
.rx .rx-stars button svg{width:32px;height:32px;display:block}
.rx .rx-stars button svg path{fill:#fff;stroke:var(--rx-gold-dk);stroke-width:1.6;stroke-linejoin:round}
.rx .rx-stars button.is-on svg path{fill:var(--rx-gold);stroke:var(--rx-gold-dk)}
.rx .rx-stars:not([aria-disabled="true"]) button:hover svg path{fill:#f3dc8a}
.rx .rx-stars:not([aria-disabled="true"]) button.is-on:hover svg path{fill:var(--rx-gold)}
.rx .rx-stars button:focus-visible{outline:3px solid #c2410c;outline-offset:2px}
.rx .rx-stars button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #16141f}
.rx .rx-stars[aria-disabled="true"] button{cursor:default;opacity:.55}
.rx-ratecard .rx-rate-sum{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rx-ratecard .rx-rate-msg{margin:.6em 0 0;min-height:1.4em;font-weight:700;color:#16141f}
.rx-ratecard .rx-rate-msg.is-err{color:#b42318}
.rx-ratecard .rx-fine a{color:#c2410c}
.rx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
@media (max-width:620px){
  .rx .rx-stars button{width:44px;height:44px}
  .rx-cb-badge b{font-size:1.15rem}
}
@media (prefers-reduced-motion:reduce){.rx .rx-stars button{transition:none}}
@media print{.rx-ratecard,.rx-rating .rx-rate-jump{display:none}}