:root{
  --space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;
  --radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;
  --surface-page:#f7f7f8;--surface-card:#fff;--surface-subtle:#f0f1f3;
  --text:#171717;--muted:#686b73;--border:#dedfe3;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--surface-page);color:var(--text)}
button,select{font:inherit}
button:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.reviews-shell{max-width:1240px;margin:auto;padding:var(--space-xl)}
.reviews-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:var(--space-lg);align-items:end;margin-bottom:var(--space-xl)}
.reviews-kicker{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.reviews-title{font-size:clamp(2.5rem,6vw,4.75rem);line-height:.95;margin:.3rem 0 1rem}
.reviews-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-lg)}
.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.rating-score{font-size:4rem;font-weight:700;line-height:1}
.rating-row{display:grid;grid-template-columns:48px 1fr 42px;gap:var(--space-sm);align-items:center;margin:10px 0}
.rating-bar{height:8px;border-radius:999px;background:var(--surface-subtle);overflow:hidden}
.rating-bar span{display:block;height:100%;background:currentColor}
.review-toolbar{display:flex;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md)}
.review-list{display:grid;gap:var(--space-md)}
.review-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}
.review-meta{display:flex;justify-content:space-between;gap:var(--space-md);font-size:14px;color:var(--muted)}
.review-rating{font-weight:700}
.review-title{margin:.6rem 0}
.review-text{color:var(--muted);line-height:1.6}
.badge{display:inline-flex;padding:4px 8px;border-radius:var(--radius-pill);background:var(--surface-subtle);font-size:12px;font-weight:700}
.actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}
button{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff}
.reviews-state{text-align:center;padding:var(--space-2xl)}
@media(max-width:900px){
 .reviews-shell{padding:var(--space-md)}
 .reviews-hero,.reviews-layout{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}