/* =====================================================================
   Paper and Ink · essays/signed-before-it-is-booked.css
   "Signed before it is booked": the figures only this dispatch uses.
   Loaded after the shared stylesheets; everything shared lives in css/.
   ===================================================================== */

/* Layout: one 64ch reading column; a thermal receipt from Meta's 10-Q (shared .slip) and a hand-inked
   model on graph paper (shared .sheet) break out to 860px. Gold = booked on the balance sheet;
   blue = signed but not yet begun. */

/* Figure 1: this receipt's lines are longer than the shared default, so the second stamp sits a little lower */
#fig1 .slip .printing { padding-bottom: 46px; }
@media (min-width: 641px) { #fig1 .margin-notes { gap: 150px; padding-top: 110px; } #fig1 .margin-notes .btn { margin-top: -100px; justify-self: start; } }

/* Figure 2: the chart on graph paper */
#chart { cursor: ew-resize; }
#chart { fill: var(--slip-ink); }
#chart .svglab { font-size: 17px; }
#chart .svgnote { font-size: 15px; }
#chart .lab-pencil { fill: var(--graphite); }
#chart .pencil { fill: none; stroke: var(--graphite); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 2 6; }
#chart .penline { fill: none; stroke: var(--slip-ink); stroke-width: 1.3; stroke-linecap: round; }
#chart .gap { opacity: .7; animation-delay: 2.2s; }
#chart .rule-l { stroke: var(--slip-ink); stroke-width: 1; }
#chart .tick { font-size: 11px; }
#chart .rowlab { font-family: var(--sans); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; fill: var(--graphite); }
#chart .cursor { stroke: var(--slip-ink); stroke-width: 1.2; stroke-dasharray: 3 4; }
#chart .tagtext { font-size: 12px; }

/* Phone mode: Figure 2 is redrawn by the page script as a narrower, taller sheet (viewBox 400 x 520),
   so nothing scrolls sideways; svg text sizes rise so every label renders at 11px or more. */
@media (max-width: 560px) {
  .sheet-scroll { overflow-x: clip; }
  .sheet { min-width: 0; padding: 24px 8px 10px; -webkit-user-select: none; user-select: none; }
  #chart .svglab { font-size: 19px; }
  #chart .svgnote { font-size: 17px; }
  #chart .tick { font-size: 14px; }
  #chart .rowlab { font-size: 13px; }
  #chart .tagtext { font-size: 15px; }
}