/* The office day's slides: the deck's shared rules are in deck.css. This adds its plain tables, the team's timeline at a size that fits, and the live slides, whose page fills the slide above its footer. */
.plain { width: 100%; border-collapse: collapse; line-height: var(--ds-leading-ui) }
.plain :is(th, td) { padding: var(--ds-space-2) var(--ds-space-4) var(--ds-space-2) 0; border-top: var(--ds-line) solid var(--ds-rule); font-weight: var(--ds-weight-regular); text-align: start; vertical-align: top }
.plain thead th { border-top: 0; color: var(--ds-text-2) }
.plain tbody th { font-weight: var(--ds-weight-semibold); white-space: nowrap }

.capture-picture { object-fit: contain; background: #fff }

.ds-slide-canvas[data-ds-canvas="fit"].ds-slide--bleed.live-slide { gap: 0 }
.ds-slide-canvas[data-ds-canvas="fit"].live-slide > .live { flex: 1 1 0; min-height: 0; height: auto; width: 100%; aspect-ratio: auto }
/* The page's type is the tool's. On a slide it needs more room, so the frame zooms: a same-origin frame's canvases follow, and stay sharp. */
.ds-slide-canvas[data-ds-canvas="fit"].live-slide > iframe.live { zoom: 1.45 }
.ds-slide-canvas[data-ds-canvas="fit"].ds-slide--bleed.live-slide > .ds-slide-foot { position: static; margin: 0; padding: var(--ds-space-1) var(--ds-space-3) }