/* Measuring collaboration's slides. The design system draws the slide and ../../deck.css the deck's shared parts; this adds this deck's tables, its bars, its wide figures and its 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 thead th { border-top: 0; color: var(--ds-text-2) }
.plain.num :is(td, th):not(:first-child) { font-variant-numeric: tabular-nums }
.ds-figure-head { margin-bottom: var(--ds-space-2) }

/* Fig. 3: a bar a sensor, with the sheet's sum and whether it was tested. */
.hbars { display: grid; grid-template-columns: max-content 1fr max-content max-content; gap: 2px var(--ds-space-3); align-items: center; font-size: var(--ds-type-small); line-height: 1.15 }
.hbars .bar { display: block; height: 14px; background: var(--ds-text-3) }
.hbars .bar.tested { background: var(--ds-ink) }
.hbars .head { color: var(--ds-text-2) }
.hbars .n { font-variant-numeric: tabular-nums; text-align: end }

.rebuild .step { padding: var(--ds-space-2) var(--ds-space-3); gap: 0 }
.rebuild :is(h3, p) { margin: 0; font-size: var(--ds-type-small); line-height: var(--ds-leading-ui) }
.counts { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr) }
.counts dd { font-variant-numeric: tabular-nums }
.counts--wide { grid-auto-flow: row; grid-template-columns: 2.6fr 1fr 1fr 1fr }
.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); columns: 2; column-gap: var(--ds-space-5) }
.sources li { break-inside: avoid }

/* Two photographs, 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 figure across the slide, under the headline. */
[data-ds-slides] .fig-wide { display: block; width: 100%; height: auto }
.ds-slide-canvas[data-ds-canvas="fit"] .fig-wide { width: auto; max-width: 100%; height: 305px; margin-inline: 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) }