Team Week Grid

A server component: the data arrives in the members array, there is no state. The layout is an ordinary table with header areas: the names in th with scope=row, the dates in th with scope=col, so a screen reader names a cell by person and by day. A cell carries both a bar and a number: the bar lets the team's free window be seen at a glance, the number answers "how busy", which colour does not. The bar width is set by its own variable in an inline style — that is the only dynamic value which cannot be expressed by a static class. Overload is coloured in a separate tone: "booked a hundred percent" and "booked beyond the norm" are different news. The table sits in a container with overflow-x, so on a phone the block scrolls inside itself instead of stretching the page.