.recipe-rating{flex-basis:100%;color:#536b61;font-size:12px;max-width:620px}
.recipe-rating p{margin:0 0 7px;line-height:1.6}
.recipe-rating-summary{display:flex;align-items:center;gap:6px;font-weight:600}
.recipe-rating-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px}
.recipe-rating-meta .recipe-rating-summary{margin:0}
.recipe-rating-meta .view-total{font-weight:400;color:#6c7e75;gap:5px;white-space:nowrap}
.recipe-rating-meta .view-total .icon{width:15px;height:15px}
.recipe-rating-controls{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px}
.recipe-rating-fieldset{border:0;padding:0;margin:0;min-width:0}
.recipe-rating-fieldset legend{padding:0;line-height:1.6}
.recipe-rating-stars{display:flex;gap:0}
.recipe-rating-star{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:36px;cursor:pointer;border-radius:6px}
.recipe-rating-star input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}
.recipe-rating-star svg{width:23px;height:23px;fill:transparent;stroke:#a18b60;stroke-width:1.45;stroke-linejoin:round;pointer-events:none;transition:fill .16s ease,stroke .16s ease,transform .16s ease}
.recipe-rating-star .rating-outline{fill:none}
.recipe-rating-star .rating-fill{fill:#dba63b;stroke:#a97619}
.recipe-rating-score{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.recipe-rating-star:has(input:focus-visible){outline:2px solid #245b43;outline-offset:2px}
.recipe-rating-button{min-height:44px;padding:8px 12px;margin:3px 6px 3px 0;border:1px solid #bccfc3;border-radius:8px;background:#fff;color:#245b43;font:inherit;font-weight:600;cursor:pointer}
.recipe-rating-button[data-rating-save],.recipe-rating-button[data-rating-accept]{background:#245b43;border-color:#245b43;color:#fff}
.recipe-rating-controls .recipe-rating-button{min-height:32px;margin:0;padding:5px 9px;font-size:12px}
.recipe-rating-controls .recipe-rating-delete{background:transparent;border:0;padding:5px 2px;color:#64796e;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.recipe-rating-legend,.recipe-rating-message[data-state=success]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.recipe-rating-button:focus-visible{outline:2px solid #245b43;outline-offset:2px}
.recipe-rating-button:disabled,.recipe-rating-star:has(input:disabled){opacity:.6;cursor:wait}
.recipe-rating-consent{margin-top:8px;padding:12px;border:1px solid #bccfc3;border-radius:8px;background:#f7faf7}
.recipe-rating-consent a{color:#245b43;text-decoration:underline}
.recipe-rating-message:empty{display:none}
.recipe-rating [hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){
    .recipe-rating-star.is-preview svg{transform:translateY(-2px) scale(1.08)}
    .recipe-rating-star.is-preview .rating-fill{fill:#efbd50}
    .recipe-rating-star:hover:not(:has(input:disabled)){background:#f6ecd7}
    .recipe-rating-button:hover:not(:disabled){background:#edf5ef}
    .recipe-rating-button[data-rating-save]:hover:not(:disabled),.recipe-rating-button[data-rating-accept]:hover:not(:disabled){background:#194832}
}
@media(prefers-reduced-motion:reduce){.recipe-rating-star svg{transition:none}.recipe-rating-star.is-preview svg{transform:none}}
@media(pointer:coarse){.recipe-rating-star{width:28px;height:44px}.recipe-rating-controls .recipe-rating-button{min-height:44px}}
@media(max-width:600px){
    .recipe-rating-fieldset{display:flex;align-items:center;flex-wrap:wrap;column-gap:12px}
    .recipe-rating-meta{display:contents}
    .recipe-rating-summary{order:1}
    .recipe-rating-controls{order:2}
    .recipe-rating-meta .view-total{order:3}
}
@media print{.recipe-rating{display:none}}

/* The shared stars display the average until the visitor explicitly starts voting. */
.recipe-rating-link{display:inline-flex;align-items:center;min-height:36px;padding:6px 2px;border:0;background:transparent;color:#245b43;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.recipe-rating-link:hover:not(:disabled){color:#10372f;text-decoration-thickness:2px}
.recipe-rating-link:focus-visible{outline:2px solid #245b43;outline-offset:3px;border-radius:3px}
.recipe-rating:not(.is-editing) .recipe-rating-star:has(input:disabled){opacity:1;cursor:default}
.recipe-rating.is-editing .recipe-rating-legend{position:static;width:auto;height:auto;margin:0 0 6px;padding:0;overflow:visible;clip-path:none;white-space:normal;font-size:13px;font-weight:600;color:#245b43}
.recipe-rating.is-editing .recipe-rating-summary{font-weight:400}
@media(max-width:600px){.recipe-rating [data-rating-start]{order:2}.recipe-rating .recipe-rating-controls{order:3}.recipe-rating .recipe-rating-meta .view-total{order:4}.recipe-rating-link{min-height:44px}}

.recipe-rating-controls:not(:has(> :not([hidden]))){display:none}