.construction-calendar .grid { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
.construction-calendar .col-span-3 { grid-column: auto; min-width: 0; }
.construction-calendar .w-48 { width: auto; min-width: 0; flex: 1; }
.construction-calendar .truncate { white-space: normal; overflow-wrap: anywhere; }
.construction-calendar button { min-height: 44px; }
@media (max-width: 640px) {
  .construction-calendar > .flex { flex-wrap: wrap; gap: 12px; }
  .construction-calendar .grid { grid-template-columns: minmax(0, 1fr); }
  .construction-calendar .border-b { flex-wrap: wrap; }
  .construction-calendar .w-48 { flex-basis: 100%; }
}