.sp-quality-overview .sp-quality-tabs{--sp-quality-surface:#3b3b3b;--sp-quality-border:#747474;margin-top:36px}
.sp-quality-overview .sp-quality-tablist{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.sp-quality-overview .sp-quality-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:64px;padding:12px 10px;border:1px solid var(--sp-quality-border);border-bottom:0;border-radius:22px 22px 0 0;background:var(--sp-quality-surface);color:var(--sp-quality-tone);font-size:clamp(20px,2.1vw,32px);line-height:1.2;font-weight:700;position:relative}
.sp-quality-overview .sp-quality-tab[aria-selected="false"]{background:#333333}
.sp-quality-overview .sp-quality-tab[aria-selected="true"]::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--sp-quality-surface)}
.sp-quality-overview .sp-quality-tone--blue{--sp-quality-tone:rgb(var(--color-link))}
.sp-quality-overview .sp-quality-tone--green{--sp-quality-tone:#32cc66}
.sp-quality-overview .sp-quality-tone--yellow{--sp-quality-tone:#ffd400}
.sp-quality-overview .sp-quality-tone--red{--sp-quality-tone:#ff3b30}
.sp-quality-overview .sp-quality-tone--brown{--sp-quality-tone:#b78050}
.sp-quality-overview .sp-quality-tab-stars .sp-quality-stars{margin:0;gap:3px;min-height:0}
.sp-quality-overview .sp-quality-tab-stars svg{width:16px;height:16px;flex-basis:16px}
.sp-quality-overview .sp-quality-panels{border:1px solid var(--sp-quality-border);border-radius:0 0 22px 22px;background:var(--sp-quality-surface)}
.sp-quality-overview .sp-quality-panel{padding:42px;min-height:260px}
.sp-quality-overview .sp-quality-panel h3{font-size:clamp(23px,2.3vw,34px);line-height:1.25;margin:0 0 20px}
.sp-quality-overview .sp-quality-panel p{font-size:clamp(18px,1.7vw,24px);line-height:1.6;margin:0;max-width:1100px}
.sp-quality-overview .sp-quality-panel[hidden]{display:none!important}
.sp-quality-overview .sp-quality-panel-stars{display:none}
.sp-quality-overview .sp-quality-tabs:not(.is-ready) .sp-quality-tablist{display:none}
.sp-quality-overview .sp-quality-panel:focus-visible{outline:3px solid rgb(var(--color-link));outline-offset:-6px;border-radius:inherit}
@media(max-width:1100px){.sp-quality-overview .sp-quality-tab{flex-direction:column;gap:6px}.sp-quality-overview .sp-quality-tablist{gap:10px}}
@media(max-width:749px){
.sp-quality-overview .sp-quality-tabs{margin-top:28px}
.sp-quality-overview .sp-quality-tablist{gap:5px}
.sp-quality-overview .sp-quality-tab{min-height:48px;padding:10px 2px;border-radius:14px 14px 0 0;font-size:clamp(16px,4.5vw,21px);white-space:nowrap}
.sp-quality-overview .sp-quality-tab-stars{display:none}
.sp-quality-overview .sp-quality-panel{padding:24px 20px;min-height:0}
.sp-quality-overview .sp-quality-panel-stars{display:block}
.sp-quality-overview .sp-quality-panel-stars .sp-quality-stars{margin:0 0 20px}
.sp-quality-overview .sp-quality-panel h3{font-size:23px;margin-bottom:16px}
.sp-quality-overview .sp-quality-panel p{font-size:17px;line-height:1.65}
.sp-quality-overview .sp-quality-panels{border-radius:0 0 18px 18px}
}