.shell { width: min(100% - 2rem, 90rem); margin-inline: auto; }
.docket-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--rule); background: var(--rule); }
.docket-grid > * { min-width: 0; padding: clamp(1rem, 2vw, 2rem); background: var(--sheet); }
.span-12 { grid-column: 1 / -1; }
.span-8 { grid-column: span 8; }
.span-7 { grid-column: span 7; }
.span-6 { grid-column: span 6; }
.span-5 { grid-column: span 5; }
.span-4 { grid-column: span 4; }
@media (max-width: 48rem) {
  .shell { width: min(100% - 1rem, 90rem); }
  .docket-grid { grid-template-columns: 1fr; }
  .docket-grid > * { grid-column: 1 !important; }
}