.scroll-anatomy{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}.scroll-anatomy[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}.scroll-anatomy .iso-svg{display:block;width:100%;height:auto;overflow:visible}.scroll-anatomy .iso-svg path,.scroll-anatomy .iso-svg circle{vector-effect:non-scaling-stroke}.scroll-anatomy .iso-fill{fill:var(--anatomy-paper);stroke:none}.scroll-anatomy .iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.scroll-anatomy .iso-shade,.scroll-anatomy .iso-top{stroke:none}.scroll-anatomy .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.scroll-anatomy .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.scroll-anatomy .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.scroll-anatomy .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.scroll-anatomy .iso-top{fill:var(--anatomy-top)}.scroll-anatomy .iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.scroll-anatomy .iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.scroll-anatomy .iso-solid[data-seamless]>.iso-shade,.scroll-anatomy .iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}.scroll-anatomy .iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.scroll-anatomy .iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.scroll-anatomy .iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.scroll-anatomy .iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.scroll-anatomy .iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.scroll-anatomy .iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.scroll-anatomy .iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.scroll-anatomy .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.scroll-anatomy .iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.scroll-anatomy .iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.scroll-anatomy .iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}.scroll-anatomy .iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}.scroll-anatomy .iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}.scroll-anatomy .iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}.scroll-anatomy .iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}.scroll-anatomy .iso-line[data-tone="red"]{stroke:var(--anatomy-red)}.scroll-anatomy .iso-line[data-tone="green"]{stroke:var(--anatomy-green)}.scroll-anatomy .iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}.scroll-anatomy .iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}.scroll-anatomy .iso-line[data-dashed]{stroke-dasharray:3 3}.scroll-anatomy .iso-line[data-flow]{stroke-dasharray:2 6}.scroll-anatomy .iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.scroll-anatomy .iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}.scroll-anatomy .iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}.scroll-anatomy .iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}.scroll-anatomy .iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}.scroll-anatomy .iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.scroll-anatomy .iso-dots[data-tone="hi"] circle{opacity:.85}.scroll-anatomy .iso-dots[data-tone="mid"] circle{opacity:.45}.scroll-anatomy .iso-dots[data-tone="lo"] circle{opacity:.22}.scroll-anatomy .iso-dots[data-tone="faint"] circle{opacity:.12}.scroll-anatomy .iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.scroll-anatomy .iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}.scroll-anatomy .iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}.scroll-anatomy .iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}.scroll-anatomy .tb-body{fill:var(--anatomy-shade-2);stroke:none}.scroll-anatomy .tb-shine{fill:var(--anatomy-top);stroke:none}.scroll-anatomy .tb-shade{fill:var(--anatomy-shade-0);stroke:none}.scroll-anatomy .tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}.scroll-anatomy .tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}.scroll-anatomy .tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}.scroll-anatomy .tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}

.scroll-anatomy .wood{--anatomy-paper:var(--wood-1);--anatomy-face:var(--wood-2);--anatomy-top:var(--wood-3);--anatomy-shade-0:var(--wood-0);--anatomy-shade-1:var(--wood-1);--anatomy-shade-2:var(--wood-2);--anatomy-shade-3:var(--wood-3);--anatomy-hi:color-mix(in srgb,var(--wood-0),var(--ink) 20%);--anatomy-mid:var(--wood-0);--anatomy-faint:color-mix(in srgb,var(--wood-0),var(--wood-3) 45%)}.scroll-anatomy .paper{--anatomy-paper:var(--paper-2);--anatomy-face:var(--paper-2);--anatomy-top:var(--paper-3);--anatomy-shade-0:var(--paper-0);--anatomy-shade-1:var(--paper-1);--anatomy-shade-2:var(--paper-2);--anatomy-shade-3:var(--paper-3);--anatomy-hi:var(--paper-0);--anatomy-mid:var(--paper-1);--anatomy-faint:color-mix(in srgb,var(--paper-0),var(--paper-3) 35%)}.scroll-anatomy .felt,.scroll-anatomy .silk{--anatomy-paper:var(--mat-1);--anatomy-face:var(--mat-2);--anatomy-top:var(--mat-3);--anatomy-shade-0:var(--mat-0);--anatomy-shade-1:var(--mat-1);--anatomy-shade-2:var(--mat-2);--anatomy-shade-3:var(--mat-3);--anatomy-hi:var(--mat-0);--anatomy-mid:var(--mat-0)}.scroll-anatomy .metal{--anatomy-paper:var(--rule);--anatomy-face:var(--muted);--anatomy-top:var(--rule)}.scroll-anatomy .silk{--anatomy-paper:var(--silk-1);--anatomy-face:var(--silk-2);--anatomy-top:var(--silk-3);--anatomy-shade-0:var(--silk-0);--anatomy-shade-1:var(--silk-1);--anatomy-shade-2:var(--silk-2);--anatomy-shade-3:var(--silk-3);--anatomy-hi:var(--silk-0);--anatomy-mid:var(--silk-0)}

/* Match the classroom's study desk and facing paper leaf. */
body[data-view=lesson] #lesson-panel[data-presentation=anatomy]{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
body[data-view=lesson] #lesson-panel.scroll-anatomy #lesson-figure{padding:18px 24px;color:#435344;align-self:center;overflow:visible}
.scroll-anatomy{--ink:#354134;--vermilion:#a85e48;--rule:#cfc6af;--muted:#747565;--wood-0:#aa9678;--wood-1:#bfa988;--wood-2:#d0bd9b;--wood-3:#deceae;--paper-0:#bdb398;--paper-1:#d4c9ad;--paper-2:#e4d9bf;--paper-3:#f5ead0;--mat-0:#79876d;--mat-1:#8e9a7e;--mat-2:#a1ad92;--mat-3:#b5bea5;--silk-0:#a5a58d;--silk-1:#b4b39a;--silk-2:#c5c1a8;--silk-3:#d5cfb6;--anatomy-halo-opacity:.24;font-family:var(--font-body)}
.scroll-anatomy .iso-figure{margin:0}
.scroll-anatomy .iso-plate{position:relative;background:#f1ead9f2;border:1px solid #d2c7ab;border-radius:8px;padding:38px 6px 37px;box-shadow:0 12px 22px #25271e44}
.scroll-anatomy .iso-plate-corners{position:absolute;inset:14px;pointer-events:none}
.scroll-anatomy .iso-plate-corner{position:absolute;font:12px/1.4 var(--font-body);color:#6b715e;white-space:nowrap}
.scroll-anatomy [data-corner=fig]{top:0;left:0}
.scroll-anatomy [data-corner=title]{top:0;right:0;font-family:var(--font-title);font-size:16px;color:#435344}
.scroll-anatomy [data-corner=hint]{bottom:0;left:0;font-size:11px}
.scroll-anatomy [data-corner=readout]{bottom:0;right:0;color:#98523e;font-variant-numeric:tabular-nums}
.scroll-anatomy .iso-stage{cursor:grab;touch-action:pan-y;overflow:hidden;border-radius:5px}
.scroll-anatomy .iso-stage.dragging{cursor:grabbing}
body[data-view=lesson] #lesson-panel.scroll-anatomy .iso-stage svg{width:100%;height:auto;max-height:none;filter:none;display:block}
.scroll-anatomy .iso-caption{font:11px/1.6 var(--font-body);color:#656650;background:#efe7d7ec;border-radius:5px;padding:6px 9px;margin:9px 0 0}
.scroll-anatomy .iso-legend{margin:0}
.scroll-anatomy .iso-caption{display:block}
.scroll-anatomy .transport{display:flex;align-items:center;gap:16px;padding:10px 12px;margin-top:10px;background:#f2ebdbea;border-radius:7px}
.scroll-anatomy .transport>button{white-space:nowrap;padding:8px 9px;font:14px/1.4 var(--font-body);border-radius:7px;background:#f6f0e1;border:1px solid #bcbba9;box-shadow:none}
.scroll-anatomy .transport>button:first-child{background:#506451;color:#fff9e9;border-color:#506451}
.scroll-anatomy .progress-wrap{flex:1;min-width:40px}
.scroll-anatomy .progress-label,.scroll-anatomy .end-labels{display:flex;justify-content:space-between;gap:8px;font:11px/1.4 var(--font-body);color:#6b715e}
.scroll-anatomy .progress-label output{color:#98523e;font-variant-numeric:tabular-nums}
.scroll-anatomy input[type=range]{display:block;width:100%;min-width:0;margin:0;height:25px;accent-color:#506451;cursor:ew-resize}
.scroll-anatomy .modes{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #cfc6af;padding-bottom:14px;margin-bottom:18px}
body[data-view=lesson] #lesson-panel.scroll-anatomy .modes button{display:flex;gap:6px;align-items:center;padding:7px 9px;margin:0;font:14px/1.4 var(--font-body);border:1px solid #c8c4b4;background:#f4efdf;border-radius:7px;color:#5d6954;box-shadow:none}
body[data-view=lesson] #lesson-panel.scroll-anatomy .modes button[aria-pressed=true]{background:#506451;color:#fff9e9;border-color:#506451}
.scroll-anatomy .modes button span{font-size:11px;opacity:.7}
body[data-view=lesson] #lesson-panel.scroll-anatomy #lesson-body p.anatomy-distinction{font-size:14px;line-height:1.6;color:#797765;margin-top:10px}
.scroll-anatomy .live-balance{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid #cfc6af;padding-top:12px;margin-top:8px}
.scroll-anatomy .live-balance>div{display:grid;grid-template-columns:1fr auto;gap:8px;font:12px/1.4 var(--font-body);color:#58664f}
.scroll-anatomy .live-balance b{font-weight:500;font-variant-numeric:tabular-nums}
.scroll-anatomy .live-balance i{grid-column:1/-1;height:4px;background:#d8d1bd;border-radius:3px;overflow:hidden}
.scroll-anatomy .live-balance em{display:block;height:100%;background:#72866a}
.scroll-anatomy .live-balance>div:nth-child(2) em{background:#a85e48}
.scroll-anatomy .live-balance small{grid-column:1/-1;color:#8b8573;font:10px/1.4 var(--font-body)}
.scroll-anatomy .paper .iso-fill{fill-rule:evenodd}
.scroll-anatomy[data-mode=core] [data-focus=core]{--anatomy-hi:var(--vermilion);--anatomy-mid:var(--vermilion)}
.scroll-anatomy[data-mode=core] path[data-focus=core]{stroke:var(--vermilion);stroke-width:1.4}
.scroll-anatomy[data-mode=sheet] [data-object=picture] .iso-edge,.scroll-anatomy[data-mode=sheet] [data-object=backing] .iso-edge{stroke:var(--vermilion);stroke-width:1.3}
.scroll-anatomy button:focus-visible,.scroll-anatomy input:focus-visible,.scroll-anatomy .iso-stage:focus-visible{outline:3px solid #a45f47;outline-offset:3px}
@media(min-width:801px){body[data-view=lesson] #lesson-panel.scroll-anatomy #lesson-figure{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center}.scroll-anatomy .iso-figure{display:flex;flex-direction:column;min-height:0;flex:1}.scroll-anatomy .iso-plate{min-height:0;flex:1}.scroll-anatomy .iso-stage{height:100%}body[data-view=lesson] #lesson-panel.scroll-anatomy .iso-stage svg{height:100%;min-height:0}.scroll-anatomy .transport{flex:none}}
@media(min-width:1600px){.scroll-anatomy .iso-plate{padding:45px 10px}.scroll-anatomy .iso-plate-corner{font-size:15px}.scroll-anatomy [data-corner=title]{font-size:20px}.scroll-anatomy [data-corner=hint]{font-size:13px}.scroll-anatomy .iso-caption{font-size:13px}.scroll-anatomy .transport>button{font-size:17px}.scroll-anatomy .progress-label,.scroll-anatomy .end-labels{font-size:13px}body[data-view=lesson] #lesson-panel.scroll-anatomy .modes button{font-size:17px;padding:9px 12px}body[data-view=lesson] #lesson-panel.scroll-anatomy #lesson-body p.anatomy-distinction{font-size:18px}.scroll-anatomy .live-balance>div{font-size:16px}.scroll-anatomy .live-balance small{font-size:12px}}
@media(max-width:1100px) and (min-width:801px){.scroll-anatomy .transport{gap:8px;padding:8px}.scroll-anatomy .transport>button{font-size:11px;padding:7px}.scroll-anatomy [data-corner=hint]{font-size:9px}body[data-view=lesson] #lesson-panel.scroll-anatomy .modes button{font-size:12px;padding:6px}body[data-view=lesson] #lesson-panel.scroll-anatomy #lesson-body p{font-size:19px}}
@media(max-width:800px){body[data-view=lesson] #lesson-panel[data-presentation=anatomy]{grid-template-columns:1fr;overflow:auto}body[data-view=lesson] #lesson-panel.scroll-anatomy #lesson-figure{padding:14px;max-height:none}body[data-view=lesson] #lesson-panel.scroll-anatomy .lesson-copy{height:auto;padding:20px}.scroll-anatomy .iso-plate{padding:36px 0 48px}.scroll-anatomy [data-corner=title]{font-size:12px}.scroll-anatomy [data-corner=fig]{font-size:10px}.scroll-anatomy [data-corner=hint]{font-size:9px;bottom:15px;white-space:normal;max-width:90%}.scroll-anatomy [data-corner=readout]{font-size:10px;bottom:-4px}.scroll-anatomy .iso-stage svg{width:112%!important;max-width:none;margin-left:-6%}.scroll-anatomy .transport{gap:7px;padding:8px}.scroll-anatomy .transport>button{font-size:11px;padding:8px 6px}.scroll-anatomy .iso-caption{font-size:10px}.scroll-anatomy .modes{flex-wrap:nowrap;gap:5px;margin-bottom:15px}.scroll-anatomy .modes button{flex:1;justify-content:center}body[data-view=lesson] #lesson-panel.scroll-anatomy .modes button{font-size:11px;padding:8px 4px}.scroll-anatomy .modes button span{display:none}.scroll-anatomy .live-balance{gap:10px}.scroll-anatomy .live-balance>div{font-size:11px}}