.arv{padding-inline:24px}
.arv-inner{max-width:1200px;margin-inline:auto}
.arv-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.arv-head h2{margin:0 0 8px}
.arv-head p{margin:0}
.arv-head .kwds-eyebrow{margin-bottom:8px}
.arv-score{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--kwds-color-ink);background:var(--kwds-color-surface);border:1px solid var(--kwds-color-border);border-radius:var(--kwds-radius-lg);padding:12px 18px}
.arv-score:hover{border-color:var(--kwds-color-border-strong)}
.arv-score-num{font-family:var(--kwds-font-heading);font-size:40px;line-height:1;font-weight:var(--kwds-weight-display);font-variant-numeric:tabular-nums}
.arv-score-meta{display:flex;flex-direction:column;gap:4px;font-size:var(--kwds-type-small);color:var(--kwds-color-muted)}
.arv-stars{display:inline-flex;gap:2px}
.arv-stars svg{width:16px;height:16px}
.arv-stars .on{fill:var(--kwds-color-accent)}
.arv-stars .off{fill:var(--kwds-color-border)}
.arv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.arv-card{display:flex;flex-direction:column;gap:12px;margin:0}
.arv-quote{margin:0;padding:0;border:0;font-size:var(--kwds-type-body);line-height:var(--kwds-type-lh-body);color:var(--kwds-color-ink);font-style:normal}
.arv-quote p{margin:0}
.arv-quote p::before{content:"\201C"}
.arv-quote p::after{content:"\201D"}
.arv-tr{margin:0;font-size:var(--kwds-type-small);color:var(--kwds-color-muted)}
.arv-tr span{font-weight:var(--kwds-button-weight)}
.arv-meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--kwds-color-border);display:flex;flex-direction:column;gap:2px;font-size:var(--kwds-type-small)}
.arv-name{font-weight:var(--kwds-button-weight);color:var(--kwds-color-ink)}
.arv-src{color:var(--kwds-color-link);text-decoration:underline;text-underline-offset:2px;width:fit-content}
.arv-foot{margin:32px 0 0;text-align:center}
@media (max-width:960px){.arv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .arv{padding-inline:16px}
 .arv-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:85%;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}
 .arv-card{scroll-snap-align:start}
 .arv-score{width:100%}
}

@media (min-width:641px){.arv:not(.is-open) .arv-more{display:none}}
@media (max-width:640px){.arv-foot{display:none}}
.arv-card.kwds-card{padding:20px}