/* Keep the result column packed to the top so the Copy button stays its
   natural size instead of stretching to fill the grid row (the control-first
   bench gotcha shared with video-file-size-estimator and aspect-ratio-calculator). */
.duration-calculator-page .canvas-bench {
  align-content: start;
}

.duration-calculator-page .canvas-bench .tool-actions {
  align-items: center;
}

/* Hours / minutes / seconds sit in a three-up row for each duration. The global
   form-grid is hardcoded to two columns, so this triplet needs its own grid. */
.duration-calculator-page .duration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-2);
}