.comments-title{color:#fff;font-size:30px;font-weight:700;text-align:center;margin:0;padding:5px 5px 0}@media (max-width: 700px){.comments-title{font-size:24px}}.comments-subtitle{color:#e5e7eb;font-size:17px;text-align:center;padding:5px 5px 0;margin-bottom:20px}.ticker-viewport{width:100%;overflow:hidden;position:relative;--scroll-duration: 48s;padding:12px 0;box-sizing:border-box}.ticker-track{display:flex;gap:16px;width:max-content;align-items:stretch;transform:translate(-50%);animation:scroll-right linear infinite;animation-duration:var(--scroll-duration);animation-timing-function:linear;will-change:transform}.ticker-viewport:hover .ticker-track,.ticker-viewport:focus-within .ticker-track{animation-play-state:paused}.ticker-item{min-width:320px;max-width:420px;flex:0 0 auto;background:#fff;color:#111827;border-radius:18px;padding:20px 22px;box-shadow:0 16px 40px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start}.ticker-item .comment-header{display:flex;padding:5px;align-items:center;gap:12px;margin-bottom:10px}.ticker-item .comment-avatar{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#f3f4f6;padding:6px}.ticker-item .comment-name{margin:0;font-size:15px;font-weight:700}.ticker-item .comment-role{margin:2px 0 0;font-size:12px;color:#6b7280}.ticker-item .comment-text{margin:8px 0 0;font-size:14px;line-height:1.6;color:#1f2937;padding:5px}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 900px){.ticker-item{min-width:280px;max-width:360px;padding:16px}.comment-text{font-size:14px}}@media (max-width: 480px){.ticker-item{min-width:220px;max-width:280px;padding:12px}.comment-text{font-size:13px}}