/* All product templates use the same dark ratings band. Keep React-owned legacy
   nodes attached during hydration; only the shared renderer is visible. */
html body .sprinqs-score-section:not([data-sq-product-ratings]),
html body .sq-scores, html body .sq-score-note { display:none!important; }
html body [data-sq-product-ratings] { color:#f4f6fb; border-top:1px solid #303641; border-bottom:1px solid #303641; background:#0c0f14; }
html body [data-sq-product-ratings][hidden] { display:none!important; }
html body [data-sq-product-ratings] .sprinqs-wrap { width:calc(100% - 96px); max-width:1344px; margin:0 auto; box-sizing:border-box; }
html body [data-sq-product-ratings] .sprinqs-score-grid { display:grid; grid-template-columns:1.12fr 1fr 1fr; gap:56px; padding:64px 0; align-items:start; }
html body [data-sq-product-ratings] .sprinqs-overall { display:flex; align-items:flex-end; gap:18px; }
html body [data-sq-product-ratings] .sprinqs-overall strong { font-variant-numeric:tabular-nums; font-size:clamp(78px,9vw,126px); line-height:.72; letter-spacing:-.07em; font-weight:500; }
html body [data-sq-product-ratings] .sprinqs-overall span { padding-bottom:5px; color:#b7bcc5; font-size:15px; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; }
html body [data-sq-product-ratings] .sprinqs-scores { grid-column:span 2; display:grid; grid-template-columns:1fr 1fr; gap:30px 42px; }
html body [data-sq-product-ratings] .sprinqs-score-copy { display:flex; justify-content:space-between; gap:20px; color:#b7bcc5; font-size:17px; line-height:1.4; }
html body [data-sq-product-ratings] .sprinqs-score-copy strong { color:#f4f6fb; font-size:17px; font-weight:500; }
html body [data-sq-product-ratings] .sprinqs-score-track { height:2px; margin-top:12px; overflow:hidden; background:rgba(255,255,255,.12); }
html body [data-sq-product-ratings] .sprinqs-score-track span { display:block; height:100%; background:var(--sprinqs-blue,var(--sprinqs-blue)); box-shadow:0 0 14px rgba(0,71,222,.7); }
@media(max-width:840px) {
 html body [data-sq-product-ratings] .sprinqs-wrap { width:calc(100% - 40px); }
 html body [data-sq-product-ratings] .sprinqs-score-grid { grid-template-columns:1fr; gap:42px; padding:48px 0; }
 html body [data-sq-product-ratings] .sprinqs-scores { grid-column:auto; grid-template-columns:1fr; gap:24px; }
}