/* Optional presentation primitives, loaded only for planning examples/the gallery. */
.b04-capacity { display: grid; gap: 8px; }
.b04-capacity meter { width: 100%; height: 18px; accent-color: var(--b04-accent); }
.b04-calendar { display: grid; grid-template-columns: repeat(5, minmax(70px, 1fr)); min-width: 420px; gap: 8px; }
.b04-calendar > div { border: 1px solid var(--b04-border); padding: 12px; min-height: 120px; display: grid; align-content: start; gap: 8px; }
.b04-calendar time { font-size: .75rem; color: var(--b04-muted); }