.custom-result-rating { margin: 12px 0 16px; }
.custom-result-rating fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.custom-result-rating legend { padding: 0; margin-bottom: 3px; }
.custom-result-rating-options { display: flex; flex-wrap: wrap; gap: 2px; }
.custom-result-rating-choice { position: relative; display: inline-grid; place-items: center; width: 44px; min-height: 44px; margin: 0; border-radius: 6px; color: var(--muted); cursor: pointer; }
.custom-result-rating-choice input { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; margin: 0; padding: 0; opacity: 0; cursor: inherit; }
.custom-result-rating-choice > span:not(.sr-only) { display: block; pointer-events: none; }
.custom-result-rating-choice svg { display: block; width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.custom-result-rating-choice.is-filled { color: var(--accent); }
.custom-result-rating-choice.is-filled svg { fill: currentColor; }
.custom-result-rating-choice:has(input:focus-visible) { outline: 2px solid var(--focus); outline-offset: 2px; }
.custom-result-rating-choice:has(input[aria-disabled=true]) { cursor: wait; opacity: .6; }
.custom-result-rating > p { margin: 4px 0; overflow-wrap: anywhere; }
.custom-result-rating > button { min-height: 44px; }
@media (hover: hover) { .custom-result-rating-choice:hover { background: var(--hover); } }
@media (forced-colors: active) {
  .custom-result-rating-choice.is-filled { color: Highlight; }
  .custom-result-rating-choice:has(input:checked) { outline: 2px solid Highlight; outline-offset: -2px; }
}