/* ---------- 14 · one line ---------- */
/* The bars do the closing; the sticky itself must let the live sky through. */
html:not(.is-static) #ch14 .ch-stick { background: transparent; }
#ch14 { --lb: 0; --lbk: 0; }
#ch14 .lb {
  position: absolute; left: 0; right: 0; background: #000; pointer-events: none;
  height: calc(var(--lb) * (50% - 1px));
}
#ch14 .lb-top { top: 0; }
#ch14 .lb-bot { bottom: 0; }
#ch14 .lb-black { position: absolute; inset: 0; background: #000; opacity: var(--lbk); pointer-events: none; }
#ch14 .ch-copy { z-index: 5; }

/* The sentence: a real width (an absolutely positioned box at left: 50% would
   shrink-wrap to half the viewport and break into six ragged lines on a phone),
   balanced lines, centred. */
#ch14 .ch-copy.at-center { width: min(90vw, 44rem); max-width: none; }
#ch14 .one-line { text-wrap: balance; max-width: min(90vw, 32rem); margin: 0 auto; }
@media (min-width: 901px) { #ch14 .one-line { max-width: 40rem; } }