:root{
  --dm-line:#dcdcdc;
  --dm-muted:#666;
  --dm-bg:#f7f7f7;
  --dm-accent:#0b6efd;
}

.dm-group{margin:22px 0 28px}
.dm-group h3{margin:0 0 10px 0;font-size:1.25rem}
.dm-list{display:flex;flex-direction:column;gap:8px}

.dm-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--dm-line);border-radius:6px;background:#fff}
.dm-item a{text-decoration:none;color:#111}
.dm-item a:hover{text-decoration:underline}

.dm-icon{width:28px;height:28px;object-fit:contain}
.dm-size{color:var(--dm-muted);font-size:0.9rem;margin-left:auto}
.dm-count{color:var(--dm-muted);font-size:0.9rem;margin-left:8px}

.dm-combined{border:1px solid var(--dm-line);border-radius:8px;padding:10px;background:var(--dm-bg)}
.dm-combined .dm-item{background:#fff}
.dm-combined-actions{display:flex;gap:8px;align-items:center;margin-top:10px}
.dm-combined-actions button{padding:6px 10px;border:1px solid var(--dm-line);background:#fff;border-radius:4px;cursor:pointer}
.dm-combined-actions button:hover{border-color:#bbb}

.dm-accordion{border:1px solid var(--dm-line);border-radius:8px;overflow:hidden;background:#fff}
.dm-acc-btn{width:100%;text-align:left;padding:10px 12px;border:0;background:#f0f0f0;font-weight:600;cursor:pointer}
.dm-acc-panel{display:block;padding:10px 12px;border-top:1px solid var(--dm-line)}

@media (max-width: 720px){
  .dm-item{flex-wrap:wrap}
  .dm-size,.dm-count{margin-left:0}
}