.hr-reviews{max-width:1280px;margin:0 auto;padding:24px;font-family:Arial,sans-serif;color:#10263d}
.hr-reviews__summary{display:flex;justify-content:center;align-items:center;gap:12px;background:#f6f6f8;border-radius:10px;padding:22px;flex-wrap:wrap}
.hr-reviews__source{font-size:20px}.hr-reviews__rating{font-size:28px}.hr-reviews__stars{color:#f3ac00;font-size:23px;letter-spacing:1px;white-space:nowrap}
.hr-reviews a{color:#075ad4;text-decoration:underline}.hr-reviews__description{text-align:center;color:#526276;font-size:13px;margin:14px 0}
.hr-reviews__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 14px}
.hr-reviews__card{scroll-snap-align:start;background:#f6f6f8;border:1px solid #eef0f4;border-radius:10px;padding:24px;min-width:0;align-self:start}
.hr-reviews__person{display:flex;gap:12px;align-items:center;margin-bottom:14px}.hr-reviews__person strong{display:block;overflow-wrap:anywhere;font-size:15px}.hr-reviews time{display:block;font-size:12px;color:#64748b;margin-top:4px}
.hr-reviews__avatar{width:40px;height:40px;border-radius:50%;background:#006495;color:white;display:grid;place-items:center;flex:none;font-size:22px;overflow:hidden}.hr-reviews__avatar img{width:40px;height:40px;object-fit:cover}
.hr-reviews__text{font-size:16px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.hr-reviews__text--clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hr-reviews__more{border:0;background:none;padding:6px 0;color:#075ad4;font:inherit;cursor:pointer}.hr-reviews__controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:10px}.hr-reviews__controls button{border:1px solid #cbd5e1;border-radius:50%;background:white;width:44px;height:44px;cursor:pointer;font-size:22px}
.hr-reviews :focus-visible{outline:3px solid #1765f6;outline-offset:3px}
@media(max-width:1000px){.hr-reviews__track{grid-auto-columns:calc((100% - 20px)/2)}}
@media(max-width:600px){.hr-reviews{padding:16px}.hr-reviews__track{grid-auto-columns:90%}.hr-reviews__card{padding:20px}.hr-reviews__summary{gap:8px;padding:16px}.hr-reviews__source{font-size:17px}}
