.bw-day { max-width: var(--bw-measure); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) var(--bw-gutter); display: grid; gap: 2.5rem; }
.bw-day__head { display: grid; gap: 1rem; max-width: 44rem; }
.bw-day__head p:last-child { color: var(--bw-chrome-muted); font-size: var(--bw-size-lead); }
.bw-rings { margin: 0; display: grid; gap: 1rem; justify-items: center; }
.bw-rings svg { width: min(100%, 22rem); height: auto; }
.bw-rings__radius { fill: var(--bw-lacquer-soft); stroke: var(--bw-chrome-muted); stroke-dasharray: 3 5; }
.bw-rings__free { fill: var(--bw-cherry-deep); stroke: var(--bw-strip); }
.bw-rings__base { fill: var(--bw-strip); }
.bw-rings text { fill: var(--bw-chrome); font: 600 13px var(--bw-text); }
.bw-rings figcaption { font-size: var(--bw-size-small); color: var(--bw-chrome-muted); max-width: 24rem; text-align: center; }
.bw-day__board { display: grid; gap: 1rem; }
.bw-day__slots { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.bw-slot { display: grid; grid-template-columns: auto 1fr; gap: .2rem .75rem; padding: .9rem 1rem; border: 1px solid var(--bw-lacquer-line); background: var(--bw-lacquer-soft); }
.bw-slot .bw-icon { grid-row: span 3; color: var(--bw-strip); width: 1.75rem; height: 1.75rem; }
.bw-slot__when { font-size: var(--bw-size-small); letter-spacing: .1em; text-transform: uppercase; color: var(--bw-chrome-muted); font-weight: 700; }
.bw-slot__job { font-weight: 600; }
.bw-slot__time { font-size: .875rem; color: var(--bw-chrome-muted); }
.bw-slot--day { border-color: var(--bw-strip); }
.bw-day__photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; }
@media (min-width: 64rem) {
  .bw-day { grid-template-columns: 5fr 7fr; align-items: start; }
  .bw-day__head { grid-column: 1 / -1; }
  .bw-day__board { grid-template-columns: 1fr 1fr; align-items: start; }
  .bw-day__board h3 { grid-column: 1 / -1; }
}