.fig-plate{max-width:660px;margin:34px auto;background:var(--paper-3);border:1px solid var(--ink);box-shadow:none;break-inside:avoid;page-break-inside:avoid}
  .fig-plate .fig-cap{font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);background:var(--ink);padding:7px 12px}
  .fig-plate .fig-body{padding:18px 16px;overflow:auto;max-height:78vh}
  .fig-plate .fig-body svg{display:block;width:100%;height:auto;max-width:100%}
  .fig-plate .fig-note{font-size:13.5px;line-height:1.7;color:var(--ink-2);padding:2px 16px 14px;font-family:var(--sans);letter-spacing:0}
  /* diagram primitives — the site's ink line style */
  .dg-box{fill:none;stroke:var(--ink);stroke-width:1.5}
  .dg-box.sub{stroke-dasharray:5 3;stroke-width:1.25}
  .dg-fill{fill:var(--paper)}
  .dg-label{font-family:var(--mono);font-size:10.5px;fill:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}
  .dg-prod{font-family:var(--sans);font-size:12.5px;font-weight:500;fill:var(--ink)}
  .dg-sub{font-family:var(--sans);font-size:11px;fill:var(--ink-2)}
  .dg-arrow{stroke:var(--ink);stroke-width:1.5;fill:none}
  /* red-pen annotation layer, on top */
  .dg-pen{stroke:var(--pen);stroke-width:2;fill:none;stroke-linecap:round}
  .dg-pen-t{font-family:var(--serif);font-style:italic;font-size:12.5px;fill:var(--pen)}
  @media print{.fig-plate{break-inside:avoid;box-shadow:none}.fig-plate .fig-body{max-height:none;overflow:visible}}
  @media(max-width:560px){.fig-plate .fig-body{max-height:68vh}}
  /* The Whiteboard drill — memory-sketch variant, reuses the drill chrome */
  .booklet.wb{border-left:3px solid var(--pen)}
  .booklet.wb .wb-note{font-size:13px;color:var(--ink-3);margin-top:10px;line-height:1.6;font-family:var(--sans);letter-spacing:0}
  .booklet.wb .compare{margin-top:16px}
  .booklet.wb .wb-compare{display:none;margin-top:20px;padding-top:18px;border-top:1px dashed var(--rule)}
  .booklet.wb .wb-compare.show{display:block}
  .booklet.wb .wb-compare .fig-plate{margin:0 auto}
  .booklet.wb .wb-mark{margin-top:22px;padding-top:18px;border-top:1px solid var(--hair)}
  .booklet.wb .wb-mark > .q-text{margin-bottom:14px}