.callout::before { display: none; }
.callout { font-size: .65rem; line-height: 1.6; letter-spacing: .015em; white-space: normal; width: 82px; z-index: 2; background: var(--paper-warm); }
.callout--l { right: calc(100% + 2px); }
.callout--r { left: calc(100% + 2px); }
.callout i { color: var(--ink-soft); }
.anatomy-lines { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; overflow: visible; pointer-events: none; color: var(--ink-soft); z-index: 1; }
.anatomy-lines path { fill: none; stroke: currentColor; stroke-width: 1; }
.anatomy-lines circle { fill: currentColor; }
@media(min-width:1000px) { .callout { display: block; } }
@media(max-width:999px) { .anatomy-lines,.callout { display: none; } }
@media(prefers-reduced-motion:no-preference) {
  .anatomy-lines.is-drawing path { stroke-dasharray: 1; animation: annotation-draw 650ms var(--ease) var(--delay) both; }
  .anatomy-lines.is-drawing circle { animation: annotation-dot 140ms var(--ease) calc(var(--delay) + 600ms) both; }
}
@keyframes annotation-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes annotation-dot { from { opacity: 0; } to { opacity: 1; } }