/* ============================================================
   FIGURES ON THIS PAGE

   One correction that only this case study needs. RAF has no placeholder left
   in it, so this does not belong in the shared sheet.

   NOT HERE, and worth recording: .cs-incol, the class that sets a tall figure
   INTO a single column, is gone from this page. Chromium and Safari balance
   the columns around it differently — Chromium put Fig. 01 at the head of
   column two, Safari at the foot of column one with column two left empty —
   and no amount of break-inside settles it. Every figure now spans the
   columns, which is what RAF does throughout and what both engines agree on.
   .cs-incol is used nowhere else on the site.
   ============================================================ */

/* A placeholder is scaffolding, not art.

   wide.css lifts --cs-bleed to 9999px so real figures can run to the viewport.
   An empty dashed box at that width reads as a fault rather than as a note
   about art that has not arrived — a metre and a half of nothing, with its
   caption stranded at the far left. A figure still holding a stand-in takes no
   bleed at all: it sits on the reading measure, the same width as the prose
   above it, which is unmistakably reserved space rather than a plate.

   Written against .cs-ph rather than a hand-added class so it lapses on its
   own: swap the placeholder for the real shot and the figure takes the full
   bleed with no second edit here. */
body[data-case-study] .cs-body .pv-fig:has(> .cs-ph) { --cs-bleed: 0px; }

/* A PORTRAIT placeholder gets narrowed as well as unbled. Fig. 01 stands in
   for a phone capture, and a 3:5 box at the full measure is over 1600px tall —
   a storey of empty page. Held to a believable phone width and centred, with
   its caption following it rather than running past it on both sides.

   .is-portrait in styles-sidebar.css is meant to do this and does not reach a
   spanning figure inside a chapter, so the width is stated here rather than
   changing a shared rule two other case studies depend on. */
body[data-case-study] .cs-body .pv-fig:has(> .cs-ph.is-phone) {
  width: min(100%, 360px);
  margin-inline: auto;
}