.sm-ratings-grid{
display:grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 20px;
}
@media (max-width: 921px){
.sm-ratings-grid{ grid-template-columns: repeat(2, 1fr); gap: 10px; }
} .sm-rating-card{
display:flex; flex-direction:column; align-items:flex-start;
background: var(--sm-rs-bg, var(--sm-surface-2));
border-radius: var(--sm-radius-card);
padding: 24px;
text-decoration:none; color: inherit;
transition: background .15s ease;
cursor: pointer;
}
.sm-rating-card:hover,
.sm-rating-card:focus{
background: var(--sm-rs-bg-hover, var(--sm-surface-subtle));
}
@media (max-width: 544px){
.sm-rating-card{ padding:16px; }
} .sm-rating-card,
.sm-rating-card :where(a){
text-decoration: none !important;
color: inherit !important;
}
.sm-rating-card :where(a):hover,
.sm-rating-card :where(a):focus{
text-decoration: none !important;
color: inherit !important;
} .sm-rating-card__head{
display: flex;
flex-direction: column;
align-items: flex-start;
} .sm-rating-card__title{
color: var(--sm-rs-title-color, var(--sm-headline));
word-wrap: break-word;
overflow-wrap: anywhere;
}
@media (min-width: 922px){
.sm-rating-card__title{ font-size: var(--sm-rs-title-size-d, 20px); line-height: 1.6; }
}
@media (min-width: 545px) and (max-width: 921px){
.sm-rating-card__title{ font-size: var(--sm-rs-title-size-t, 18px); line-height: 1.6; }
}
@media (max-width: 544px){
.sm-rating-card__title{ font-size: var(--sm-rs-title-size-m, 16px); line-height: 1.4; }
} .sm-rating-card__logo{ width:100%; margin-top: 8px; }
.sm-rating-card__logo img{ display:block; max-width:100%; height:auto; max-height:50px; } .sm-rating-card__value{
display:flex; align-items:baseline;
margin-top: 24px; } .sm-rating-card__head.has-logo + .sm-rating-card__value,
.sm-rating-card__head.has-title-only + .sm-rating-card__value{
margin-top: 60px;
}
@media (max-width:544px){
.sm-rating-card__head.has-logo + .sm-rating-card__value,
.sm-rating-card__head.has-title-only + .sm-rating-card__value{
margin-top:40px;
}
}
.sm-rating-card__num{
font-size: 56px; line-height: 1; font-weight: 600; margin-right: 8px;
color: var(--sm-brand);
}
@media (max-width:544px){ .sm-rating-card__num{ font-size: 24px; } }
.sm-rating-card__out{ color: var(--sm-muted); }  .sm-stars{ display:flex; align-items:center; gap:8px; }
.sm-star{ width:18px; height:18px; display:inline-block; }
.sm-star svg{ width:100%; height:100%; display:block; }
.sm-star path{ fill: var(--sm-muted); }
.sm-star.is-on path{ fill: var(--sm-rating); } .sm-rating-card__total{
display:flex; align-items:center; gap:6px;
color: var(--sm-muted);
margin-top: 24px;
}
.sm-rating-card__total-num{ font-weight: 400; }
.sm-rating-card__total-label{ font-weight: 400; }