/* Base layout */
.ydgr-wrapper{
  --ydgr-visible:3;
  --ydgr-gap:16px;
  --ydgr-bg:#F8C24E;
  --ydgr-text:#1F1F1F;
  background: var(--ydgr-bg);
  color: var(--ydgr-text);
  padding: 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
}
.ydgr-wrapper .ydgr-track{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% / var(--ydgr-visible));
  gap: var(--ydgr-gap);
  align-items: stretch;
  will-change: transform;
  transition: transform .4s ease;
}

/* Cards */
.ydgr-card{
  background:#fff;
  color:#1b1b1b;
  border-radius: 0.9rem;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.ydgr-card-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
}
.ydgr-author{ font-weight: 700; }
.ydgr-rating{ display:inline-flex; align-items:center; gap:.1rem; }
.ydgr-star{ opacity:.3; }
.ydgr-star.is-filled{ opacity:1; }
.ydgr-date{ opacity:.7; font-size:.9rem; margin-top:auto; }
.ydgr-empty{ opacity:.8; }

/* RTL support */
.ydgr-rtl .ydgr-track{ direction: rtl; }