.dgr{max-width:1100px;margin:0 auto;color:var(--ink,#0B2027);font-family:inherit}
.dgr *{box-sizing:border-box}

/* header */
.dgr-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.dgr-head-score{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dgr-score{font-size:1.9rem;font-weight:700;line-height:1}
.dgr-count{color:var(--muted,#63848A);font-size:.95rem}
.dgr-stars{display:inline-flex;gap:2px;vertical-align:middle}
.dgr-stars svg{display:block}

/* buttons */
.dgr-btn{display:inline-block;padding:10px 22px;border-radius:999px;background:var(--primary,#009688);color:#fff!important;font-weight:600;font-size:.95rem;text-decoration:none!important;transition:background .2s,transform .2s}
.dgr-btn:hover{background:var(--primary-dark,#00695C);transform:translateY(-1px)}
.dgr-btn-ghost{background:transparent;color:var(--primary-dark,#00695C)!important;border:1.5px solid var(--primary,#009688)}
.dgr-btn-ghost:hover{background:var(--bg-tint,#EAF6F4)}

/* track */
.dgr-wrap{position:relative}
.dgr-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dgr-track::-webkit-scrollbar{display:none}
.dgr-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:var(--white,#fff);border:1px solid var(--border,#DCEDEB);border-radius:var(--r-lg,18px);padding:22px;box-shadow:var(--shadow-sm,0 2px 8px rgba(11,79,108,.06));display:flex;flex-direction:column;gap:12px;min-width:0}
@media(max-width:900px){.dgr-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.dgr-card{flex-basis:88%}}

/* grid layout */
.dgr-grid .dgr-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));overflow:visible;scroll-snap-type:none}
.dgr-grid .dgr-card{flex:none}

/* card */
.dgr-card-top{display:flex;align-items:center;gap:12px}
.dgr-card-top .dgr-glogo{margin-left:auto;flex:none;opacity:.9}
.dgr-avatar{position:relative;width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;background:var(--grad-brand,linear-gradient(135deg,#0B4F6C,#009688));display:flex;align-items:center;justify-content:center}
.dgr-initial{color:#fff;font-weight:700;font-size:1.05rem}
.dgr-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dgr-who{display:flex;flex-direction:column;min-width:0}
.dgr-name{font-weight:600;color:var(--ink,#0B2027)!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dgr-when{font-size:.82rem;color:var(--muted,#63848A)}
.dgr-text{margin:0;color:var(--ink-soft,#3B5960);line-height:1.65;font-size:.97rem}
.dgr-text.is-clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.dgr-text.is-open{display:block;-webkit-line-clamp:unset}
.dgr-more{align-self:flex-start;background:none;border:0;padding:0;color:var(--primary-dark,#00695C);font-weight:600;cursor:pointer;font-size:.9rem}
.dgr-more:hover{text-decoration:underline}

/* arrows */
.dgr-nav{position:absolute;top:50%;transform:translateY(-60%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid var(--border,#DCEDEB);background:#fff;color:var(--secondary,#0B4F6C);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(11,79,108,.15);display:flex;align-items:center;justify-content:center;padding:0 0 3px}
.dgr-nav:hover{background:var(--primary,#009688);color:#fff}
.dgr-nav[hidden]{display:none}
.dgr-prev{left:-18px}.dgr-next{right:-18px}
@media(max-width:1180px){.dgr-prev{left:4px}.dgr-next{right:4px}}

.dgr-foot{text-align:center;margin:10px 0 0}
.dgr-foot a{color:var(--primary-dark,#00695C);font-weight:600;text-decoration:none}
.dgr-foot a:hover{text-decoration:underline}
.dgr-empty{text-align:center;color:var(--muted,#63848A)}