/* One inset for the frame. The chrome and the slide were each given their own
   clamp and never tied together, so the brand and the slide title sat 12px
   apart across the header hairline on all thirteen slides — and the
   short-screen block re-declared only one of the two, which put the slide
   further out than the chrome there instead. */
.slide {
    flex: 1;
    padding: var(--deck-pad-block) var(--deck-pad);
}

.slide-title {
    letter-spacing: -0.018em;
    font-size: clamp(1.7rem, 1.3rem + 1.8vw, 2.4rem);
    margin-bottom: calc(var(--deck-air) * 1.1);
}

.slide-body p {
    color: var(--day-ink-soft);
}

/* :not(:last-child), because the base `p:last-child { margin-bottom: 0 }`
   has the same specificity as `.slide-body p` and this file is later. */
.slide-body p:not(:last-child) {
    margin-bottom: var(--deck-air);
}

.slide-body h4 {
    margin: calc(var(--deck-air) * 1.15) 0 calc(var(--deck-air) * 0.5);
}

.slide-body h4:first-child {
    margin-top: 0;
}

/* One measure per column, not two.
   A reviewer found the opening slide setting its subtitle to one width and the
   paragraph below it to another — "two measures stacked in one column", with an
   empty strip between the shorter line's end and the longer one's. The fix is
   for them to agree, not for both to grow: widening the slide measure to 82ch
   was tried and .dream-loop/type.mjs caught it at 98 rendered characters on
   four slides, which is half again past the line anybody reads comfortably.
   The reading measure is the reading measure, on a slide as on a page. */
.title-slide .subtitle {
    max-width: var(--measure);
}