/* Only project essays load this adapter. Reuse the paper world's own ink. */
.main.project-figure {
  inline-size: min(34rem, 100%);
  margin-block-start: clamp(28px, 5svh, 48px);
}
.project-figure [data-fig] {
  display: block;
  position: relative;
  inline-size: 100%;
  aspect-ratio: 5 / 4;
  touch-action: pan-y pinch-zoom;
  -webkit-tap-highlight-color: transparent;
  --hairline-plate: var(--paper);
  --hairline-hi: var(--ink);
  --hairline-edge: var(--soft);
  --hairline-mid: var(--dust);
  --hairline-lo: color-mix(in srgb, var(--dust) 38%, var(--paper));
  --hairline-stroke: .9;
}
.project-figure [data-fig]:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 4px;
}
.project-figure .hand-drawing {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
[data-ink] { position: relative; }
[data-ink="underline"] { white-space: nowrap; }
.ink-accent {
  position: absolute;
  pointer-events: none;
  overflow: visible;
  fill: none;
  stroke: color-mix(in oklch, var(--soft) 75%, var(--paper));
  stroke-width: .9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ink-accent path { stroke-dasharray: 1; }
[data-ink="underline"] > .ink-accent {
  inset-inline-start: 0;
  inset-block-end: -6px;
  inline-size: 100%;
  block-size: 8px;
}
[data-ink="bracket"] > .ink-accent {
  inset-inline-start: -20px;
  inset-block-start: 0;
  inline-size: 14px;
  block-size: 100%;
}
[data-ink="arrow"] > .ink-accent {
  inset-inline-start: -19px;
  inset-block-start: -17px;
  inline-size: 18px;
  block-size: 32px;
}
@media (prefers-reduced-motion: reduce) {
  .project-figure svg * { transition: none; }
}