/* Anatomy kit styles (MIT, github.com/wheresryan22/anatomy), with tokens tuned
   to sit on the site's sunk panel in both themes. Light is the default. */
.fig{
  --anatomy-paper:#F1F1ED;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd8;--anatomy-shade-1:#e4e4e0;--anatomy-shade-2:#ebebe7;--anatomy-shade-3:#f2f2ee;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b2b2b6;--anatomy-faint:#d2d2d4;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.3;--anatomy-dot:#3a3a3e;
  --anatomy-lit:#000000;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-weight:.6px;--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
:root[data-theme="dark"] .fig{
  --anatomy-paper:#1C1D20;--anatomy-face:#24252a;--anatomy-top:#26272b;
  --anatomy-shade-0:#17181b;--anatomy-shade-1:#1a1b1e;--anatomy-shade-2:#1d1e22;--anatomy-shade-3:#212226;
  --anatomy-hi:#d6d6da;--anatomy-mid:#74757b;--anatomy-lo:#47484d;--anatomy-faint:#313237;
  --anatomy-halo:#050506;--anatomy-halo-opacity:.85;--anatomy-dot:#e6e6e6;
  --anatomy-lit:#ffffff;--anatomy-lit-top:#303136;--anatomy-lit-shade:#27282d;
}
/* one lit accent per project, in that project's colour */
.fig[data-fig="kafe"],.fig[data-fig="newapp"]{--anatomy-lit:#1F6FD1;--anatomy-lit-top:#E4EEFB;--anatomy-lit-shade:#CFE0F6}
.fig[data-fig="market"]{--anatomy-lit:#15803D;--anatomy-lit-top:#E3F3E8;--anatomy-lit-shade:#CCE7D5}
.fig[data-fig="city"]{--anatomy-lit:#7C3AED;--anatomy-lit-top:#EFE8FD;--anatomy-lit-shade:#DFD3FB}
.fig[data-fig="play"]{--anatomy-lit:#DB2777;--anatomy-lit-top:#FCE7F3;--anatomy-lit-shade:#F8D3E6}
:root[data-theme="dark"] .fig[data-fig="kafe"],:root[data-theme="dark"] .fig[data-fig="newapp"]{--anatomy-lit:#6AA5F0;--anatomy-lit-top:#22324A;--anatomy-lit-shade:#1C2A3F}
:root[data-theme="dark"] .fig[data-fig="market"]{--anatomy-lit:#4ADE80;--anatomy-lit-top:#1E3528;--anatomy-lit-shade:#192C21}
:root[data-theme="dark"] .fig[data-fig="city"]{--anatomy-lit:#C4B5FD;--anatomy-lit-top:#2C2645;--anatomy-lit-shade:#241F3A}
:root[data-theme="dark"] .fig[data-fig="play"]{--anatomy-lit:#F9A8D4;--anatomy-lit-top:#3A2331;--anatomy-lit-shade:#301D29}

.fig .iso-svg{display:block;width:100%;height:100%;overflow:visible}
.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}
.iso-fill{fill:var(--anatomy-paper);stroke:none}
.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.iso-shade,.iso-top{stroke:none}
.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.iso-top{fill:var(--anatomy-top)}
.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.iso-line[data-flow]{stroke-dasharray:2 6;animation:iso-flow 1600ms linear infinite}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.iso-dots[data-tone="hi"] circle{opacity:.85}
.iso-dots[data-tone="mid"] circle{opacity:.45}
.iso-dots[data-tone="lo"] circle{opacity:.22}
.iso-dots[data-tone="lit"] circle{fill:var(--anatomy-lit);opacity:1}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow]{animation:none}}

/* the live readout, top right of the panel */
.fig-readout{position:absolute;top:-17px;right:4px;font:500 11px/1 var(--anatomy-mono);letter-spacing:.02em;
  color:var(--faint,#8C8C91);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}

/* the playground (play): flat toy colours on the kit's solids — a top, a side
   shaded by the kit's four light steps, and an edge in the same hue */
.fig .toy>.iso-fill,.fig .toy>.iso-shade{fill:var(--side)}
.fig .toy>.iso-shade[data-shade="0"]{fill:color-mix(in srgb,var(--side) 86%,#000)}
.fig .toy>.iso-shade[data-shade="1"]{fill:color-mix(in srgb,var(--side) 93%,#000)}
.fig .toy>.iso-shade[data-shade="3"]{fill:color-mix(in srgb,var(--side) 88%,#fff)}
.fig .toy>.iso-top{fill:var(--top)}
.fig .toy>.iso-line{stroke:var(--edge)}
.fig .c-grass{--top:#DCEFCB;--side:#BCDCA3;--edge:#7FA866}
.fig .c-sand{--top:#F6E7BF;--side:#E8D39E;--edge:#B39A5E}
.fig .c-wood{--top:#EDD5B0;--side:#D9B88B;--edge:#9C7646}
.fig .c-red{--top:#FFB3AB;--side:#F28B82;--edge:#C2413A}
.fig .c-yellow{--top:#FFE08A;--side:#F7C948;--edge:#B88A0E}
.fig .c-blue{--top:#AACDFB;--side:#7AADF2;--edge:#2F6FD0}
.fig .c-green{--top:#A9E0B1;--side:#76C78A;--edge:#2E8B4E}
.fig .c-purple{--top:#D9C7FB;--side:#B89CF3;--edge:#7246D6}
.fig .c-orange{--top:#FFCC9B;--side:#F9A75C;--edge:#C76A16}
.fig .pk-shadow{fill:#2f4a22;opacity:.1}
.fig .pk-flower{stroke:none}.fig .pk-flower.f1{fill:#F472B6}.fig .pk-flower.f2{fill:#FACC15}
.fig .pk-ball{fill:#FFE08A;stroke:none}.fig .pk-band{fill:#F28B82;stroke:none}
.fig .pk-ball-edge{fill:none;stroke:#C2413A;stroke-width:.6px}
.fig .pk-ball.small{fill:#AACDFB;stroke:#2F6FD0;stroke-width:.6px}
.fig .pk-pole{fill:none;stroke:#7A5632;stroke-width:.8px;stroke-linecap:round}
.fig .pk-flag{fill:#F472B6;stroke:none}
.fig .pk-heart{fill:var(--anatomy-lit);stroke:none}
:root[data-theme="dark"] .fig .c-grass{--top:#2C3B2A;--side:#243123;--edge:#6E9B5E}
:root[data-theme="dark"] .fig .c-sand{--top:#4A4230;--side:#3D3627;--edge:#C2A86A}
:root[data-theme="dark"] .fig .c-wood{--top:#4D3E2C;--side:#403324;--edge:#C49A64}
:root[data-theme="dark"] .fig .c-red{--top:#6E3B39;--side:#5A302F;--edge:#F4A29B}
:root[data-theme="dark"] .fig .c-yellow{--top:#6B5B2A;--side:#584A23;--edge:#F2D27A}
:root[data-theme="dark"] .fig .c-blue{--top:#2F4868;--side:#273C57;--edge:#93BDF5}
:root[data-theme="dark"] .fig .c-green{--top:#2F5239;--side:#27442F;--edge:#8FD3A0}
:root[data-theme="dark"] .fig .c-purple{--top:#473B68;--side:#3B3157;--edge:#C3AEF8}
:root[data-theme="dark"] .fig .c-orange{--top:#6E4C2D;--side:#5A3E25;--edge:#F6B57A}
:root[data-theme="dark"] .fig .pk-shadow{fill:#000;opacity:.3}
:root[data-theme="dark"] .fig .pk-ball{fill:#6B5B2A}:root[data-theme="dark"] .fig .pk-band{fill:#6E3B39}
:root[data-theme="dark"] .fig .pk-ball-edge{stroke:#F4A29B}
:root[data-theme="dark"] .fig .pk-ball.small{fill:#2F4868;stroke:#93BDF5}
:root[data-theme="dark"] .fig .pk-pole{stroke:#B88A5C}