.dl { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: var(--sp-4); align-items: center; padding: var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface); }
.dl .th { width: 72px; height: 72px; border-radius: var(--r-sm); background: center/cover var(--surface-2); display: grid; place-items: center; }
.dl .acts { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.dls { display: grid; gap: var(--sp-3); margin-top: var(--sp-4); }
@media (max-width: 700px) { .dl { grid-template-columns: 56px minmax(0, 1fr); } .dl .th { width: 56px; height: 56px; } .dl .acts { grid-column: 1 / -1; justify-content: flex-start; } }