.sgr,.sgr-badge{--sgr-accent:#F78F2A;--sgr-text:#141414;--sgr-muted:#7A7A7A}
.sgr{max-width:1300px;margin:0 auto;padding:8px 16px 0;font-family:inherit}
.sgr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.sgr-head-center{justify-content:center}
.sgr-title{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.2;color:var(--sgr-text)}
.sgr-summary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #eee;box-shadow:0 4px 18px rgba(20,20,20,.08);color:var(--sgr-text);text-decoration:none;font-weight:600;white-space:nowrap}
.sgr-summary:hover{box-shadow:0 6px 22px rgba(20,20,20,.14)}
.sgr-summary .sgr-g{width:22px;height:22px}
.sgr-score{font-size:18px}
.sgr-count{color:var(--sgr-muted);font-weight:500}
.sgr-badge{padding:6px 14px;gap:7px;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.sgr-badge .sgr-score{font-size:16px}
.sgr-badge .sgr-stars{font-size:14px}
.sgr-stars{color:#FBBC04;letter-spacing:1px;font-size:16px;line-height:1}

.sgr-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.sgr-track{display:flex;gap:20px;width:max-content;margin:0;padding:6px 0 14px;list-style:none;animation:sgr-scroll var(--sgr-duration,60s) linear infinite}
.sgr-viewport:hover .sgr-track,.sgr-viewport:focus-within .sgr-track{animation-play-state:paused}
@keyframes sgr-scroll{to{transform:translateX(calc(-50% - 10px))}}

.sgr-card{flex:0 0 320px;margin:0;padding:20px 22px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 6px 20px rgba(20,20,20,.06);color:var(--sgr-text)}
.sgr-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sgr-card-head > div{flex:1;min-width:0}
.sgr-card-head .sgr-g{width:20px;height:20px;flex:0 0 auto}
.sgr-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.sgr-avatar-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--sgr-accent);color:#fff;font-weight:700}
.sgr-name{display:block;font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgr-date{display:block;font-size:13px;color:var(--sgr-muted)}
.sgr-text{margin:10px 0 0;font-size:15px;line-height:1.6;color:#444;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.sgr-more{margin:6px 0 0;text-align:center}
.sgr-more a{color:var(--sgr-accent);font-weight:600;text-decoration:none}
.sgr-more a:hover{text-decoration:underline}

@media (max-width:767px){
 .sgr-head{justify-content:center;text-align:center}
 .sgr-card{flex-basis:270px;padding:18px}
}
/* No auto-scroll for visitors who prefer reduced motion: let them swipe instead. */
@media (prefers-reduced-motion:reduce){
 .sgr-viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
 .sgr-track{animation:none}
 .sgr-track [aria-hidden="true"]{display:none}
}