.works-rating-card { --works-rating-rank-size: 84px; --works-rating-gold: #FACD44; box-sizing: border-box; width: 100%; margin: 1.8em 0; padding: 0; border: 1px solid #e2e5e9; border-radius: 14px; background: #fff; color: #242a33; overflow: hidden; font-size: 16px; line-height: 1.6; text-align: left; }
.works-rating-card * { box-sizing: border-box; }
.works-rating-card .works-rating-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 16px 24px; border-top: 1px solid #eceef1; }
.works-rating-card .works-rating-title { font-size: 1.15em; font-weight: 700; }
.works-rating-card .works-rating-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.works-rating-card .works-rating-total { font-size: 1.5em; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.works-rating-card .works-rating-rank-image { display: block; width: var(--works-rating-rank-size); height: var(--works-rating-rank-size); max-width: 100%; object-fit: contain; margin: 0; padding: 0; border: 0; box-shadow: none; }
.works-rating-card .works-rating-rank-text { font-size: 2em; font-weight: 700; }
.works-rating-card .works-rating-items { margin: 0; padding: 22px 24px 26px; }
.works-rating-card .works-rating-item { margin: 0 0 22px; padding: 0; }
.works-rating-card .works-rating-item:last-child { margin-bottom: 0; }
.works-rating-card .works-rating-label { margin: 0 0 5px; padding: 0; font-weight: 600; overflow-wrap: anywhere; }
.works-rating-card .works-rating-detail { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin: 0; padding: 0; }
.works-rating-card .works-rating-stars { display: inline-flex; gap: 5px; white-space: nowrap; line-height: 1.2; }
.works-rating-card .works-rating-star { color: #D1D5DB; font: 28px/1.2 Arial, sans-serif; }
.works-rating-card .works-rating-filled { color: var(--works-rating-gold); }
.works-rating-card .works-rating-score { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 480px) {
    .works-rating-card { --works-rating-rank-size: 72px; }
    .works-rating-card .works-rating-footer { padding: 12px 16px; }
    .works-rating-card .works-rating-items { padding: 18px 16px 22px; }
    .works-rating-card .works-rating-summary { gap: 8px; }
    .works-rating-card .works-rating-star { font-size: 26px; }
}

/* Horizontal items; numeric ratings remain available to screen readers. */
.works-rating-card .works-rating-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.works-rating-card .works-rating-label { margin: 0; }
.works-rating-card .works-rating-score { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 480px) {
 .works-rating-card { font-size: 14px; }
 .works-rating-card .works-rating-item { gap: 8px; }
 .works-rating-card .works-rating-stars { gap: 2px; }
 .works-rating-card .works-rating-star { font-size: 23px; }
}