.rating-with-source { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; vertical-align: middle; }
.rating-fallback { display: inline-flex; align-items: center; position: relative; flex: none; cursor: help; }
.rating-fallback-label { display: inline-block; border: 1px solid #b98725; border-radius: 5px; padding: 2px 5px; background: #fff3d8; color: #755010; font: 11px/1.3 system-ui, sans-serif; }
.rating-fallback-tooltip { display: none; position: absolute; z-index: 50; right: 0; bottom: calc(100% + 8px); width: 260px; max-width: 70vw; box-sizing: border-box; padding: 10px 12px; border-radius: 7px; background: #243247; color: white; font: 13px/1.5 system-ui, sans-serif; white-space: normal; text-align: left; box-shadow: 0 3px 10px #0003; }
.rating-fallback:hover .rating-fallback-tooltip, .rating-fallback:focus .rating-fallback-tooltip { display: block; }
.rating-fallback:focus-visible { outline: 2px solid #755010; outline-offset: 3px; }