.dues-showcase { margin: 0 0 clamp(1rem, 2vw, 1.55rem); }
.dues-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .95rem 1.6rem; margin-block: 1.5rem 1.75rem; }
.dues-list > div { border-top: 1px solid var(--line); padding-top: .8rem; min-width: 0; }
.dues-list dt { font-family: var(--display); font-size: clamp(1.1rem,2vw,1.4rem); }
.dues-list dd { margin: .28rem 0 0; line-height: 1.65; }
.dues-endings { grid-template-columns: repeat(3,minmax(0,1fr)); }
.dues-spoilers { margin-block: 1.4rem 0; border: 1px solid var(--line); padding: clamp(.8rem,2vw,1.4rem); }
.dues-spoilers summary { cursor: pointer; font-size: 1.05rem; }
.dues-spoilers[open] summary { margin-bottom: 1rem; }
.dues-screens .figure-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.dues-case .dues-screens .figure-grid:not(.single) .image-button { aspect-ratio: 4/3; background: #171816; }
.dues-case .dues-screens .figure-grid:not(.single) .image-button img { width: 100%; height: 100%; object-fit: contain; }
@media (max-width: 800px) {
  .dues-screens .figure-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dues-endings { grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
  .dues-list, .dues-screens .figure-grid { grid-template-columns: 1fr; }
}