/* Office beacons' slides. The design system draws the slide and ../../deck.css the deck's shared parts; this adds the table, the pair of screens and the live slides. Roles only, but for the zoom of a live slide, explained where it is set. */
.plain { width: 100%; border-collapse: collapse; font-size: var(--ds-type-small); line-height: var(--ds-leading-ui) }
.plain :is(th, td) { padding: var(--ds-space-1) var(--ds-space-3) var(--ds-space-1) 0; border-top: var(--ds-line) solid var(--ds-rule); font-weight: var(--ds-weight-regular); text-align: start; vertical-align: top }
.plain td:first-child { white-space: nowrap; color: var(--ds-text-2) }
.ds-figure-head { margin-bottom: var(--ds-space-2) }
.ds-slide-page { white-space: nowrap }
.ds-slide-canvas > .sources:not(.ds-slide-credit) { max-width: none }
.sources { font-size: var(--ds-type-small); line-height: var(--ds-leading-ui) }
.sources li { break-inside: avoid }

/* Two screens, side by side. */
.pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ds-space-2) }
.pair .ds-figure-head { grid-column: 1 / -1 }
.ds-slide-canvas[data-ds-canvas="fit"] .pair { grid-template-columns: auto auto }

/* A live slide: the page itself, one view alone (?embed), edge to edge above the slide's footer. Zoomed out against the canvas, so that at 1920 × 1080 it is laid out at 1,500 px, about the size of the tool on a laptop, and its type comes out at 1.28 times its size for a room. */
.live { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: var(--ds-surface) }
.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; zoom: .8533 }
.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) }