.prose .break {
  border: 0; width: 16px; height: 16px; margin: 3.2rem auto 2.8rem; --m: var(--muted);
  background:
    linear-gradient(var(--m), var(--m)) 0 0 / 6px 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 0 0 / 1.5px 6px no-repeat,
    linear-gradient(var(--m), var(--m)) 100% 0 / 6px 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 100% 0 / 1.5px 6px no-repeat,
    linear-gradient(var(--m), var(--m)) 0 100% / 6px 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 0 100% / 1.5px 6px no-repeat,
    linear-gradient(var(--m), var(--m)) 100% 100% / 6px 1.5px no-repeat, linear-gradient(var(--m), var(--m)) 100% 100% / 1.5px 6px no-repeat;
}
/* Figures keep text-width outer plates; the 884px minimum inner image stays horizontally scrollable. */
.prose .plate { margin: 2.2rem 0 2.4rem; display: grid; gap: .7rem; min-width: 0; max-width: 100%; }
.plate .frame { background: var(--soft); min-width: 0; }
.plate .scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.prose .plate .scroll img { display: block; width: max(100%, 884px); max-width: none; height: auto; }
.plate .fig-mono { filter: var(--fig-filter); }
/* Be Dependable uses inline, responsive artwork and one accessible name. */
.plate .dependable-figure { min-width: 0; width: 100%; }
.plate .dependable-figure .bd-figure {
  display: block; width: 100%; max-width: 100%; height: auto;
  --fig-accent: var(--accent); --fig-paper: var(--paper);
  --fig-ink: var(--ink); --fig-muted: var(--muted);
  --fig-line: var(--line); --fig-soft: var(--soft);
  --fig-dot: var(--muted); --fig-idle: var(--line);
  color: var(--ink); font-variant-numeric: tabular-nums;
}
.plate .dependable-figure .bd-mobile { display: none; }
@media (width < 640px) {
  .plate .dependable-figure .bd-mobile { display: block; }
  .plate .dependable-figure .bd-wide { display: none; }
}
.plate figcaption { font-size: 15px; line-height: 1.5; color: var(--muted); text-wrap: pretty; }
.plate figcaption .no { color: var(--accent); font-weight: 600; margin-right: .5em; }
.plate .swipe { display: none; }
@media (max-width: 979px) { .plate .swipe { display: inline; } }


.appendix .meta { font-size: 15px; color: var(--muted); margin: 0 0 .5em; }
.appendix ul { margin: 0 0 .4em; padding-left: 1.2em; display: grid; gap: .3em; }

.appendix { padding-top: .2rem; }

.prose section { padding-top: .2rem; }
.prose section > h2:first-child { margin-top: 0; }
.prose .appendix li { margin: 0; padding-left: 0; }
.prose .appendix .meta { line-height: 1.6; }