.iso{
  --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; /* taste-skill-ignore: Anatomy kit token; no face text used in this figure */
  --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;
}
.iso[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;
}
.iso-svg{display:block;width:100%;height:auto;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-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.iso-solid[data-seamless][data-lit]>.iso-shade{stroke: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-tone="red"]{stroke:var(--anatomy-red)}
.iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.iso-line[data-dashed]{stroke-dasharray:3 3}
.iso-line[data-flow]{stroke-dasharray:2 6}
.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.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="faint"] circle{opacity:.12}
.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em} /* taste-skill-ignore: unused kit face-text class */
.iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.tb-body{fill:var(--anatomy-shade-2);stroke:none}
.tb-shine{fill:var(--anatomy-top);stroke:none}
.tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}

.data-inspector {
  --anatomy-paper: #e7edf3; --anatomy-face: #fff; --anatomy-top: #f9fbfd;
  --anatomy-shade-0: #b4c1ce; --anatomy-shade-1: #c2ced9; --anatomy-shade-2: #d1dbe4; --anatomy-shade-3: #e0e7ee;
  --anatomy-lit-top: #fff; --anatomy-lit-shade: #c5d3e1;
  --anatomy-hi: #33445a; --anatomy-mid: #66798f; --anatomy-lo: #8d9eb0; --anatomy-faint: #afbdcb; --anatomy-lit: #1c304a; --anatomy-dot: #33445a;
  margin: 0; background: var(--surface-2); border-radius: 4px; padding: 24px;
  color: var(--text); min-width: 0;
}
.inspector-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px 16px; }
.inspector-head h2 { font-size: 1.125rem; line-height: 1.4; font-weight: 700; letter-spacing: -.02em; }
.inspector-source { font-size: .875rem; min-height: 32px; display: inline-flex; align-items: center; }
.inspector-meta { color: var(--text-2); font-size: .875rem; margin-top: 8px; }
.inspector-art { margin: 4px -8px 8px; }
.inspector-art .iso-svg { overflow: hidden; }
.inspector-art .iso-line { stroke-width: .7px; }
.inspector-art [data-active] .iso-edge { stroke: var(--anatomy-lit); stroke-width: 1px; }
.inspector-art [data-active] .iso-top { fill: var(--anatomy-lit-top); }
.inspector-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; align-items: center; }
.inspector-control label { grid-column: 1 / -1; font-size: .875rem; font-weight: 600; }
.inspector-control select { background: var(--surface); min-width: 0; font-size: .9375rem; min-height: 44px; padding: 8px; }
.inspector-tour { min-height: 44px; padding: 0 12px; color: var(--text); background: var(--surface); border: 0; border-radius: 4px; font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; }
.inspector-tour:hover { background: var(--bg); }
.inspector-result { display: grid; grid-template-columns: .9fr 1.1fr; gap: 20px; align-items: center; margin-top: 20px; min-height: 74px; }
.inspector-result > p:first-child { display: grid; }
.inspector-result strong { font-size: 2.5rem; line-height: 1.1; letter-spacing: -.05em; font-weight: 700; font-variant-numeric: tabular-nums; }
.inspector-result span { color: var(--text-2); font-size: .875rem; }
.inspector-result [data-inspect-note] { font-size: .9375rem; line-height: 1.5; color: var(--text-2); }
.inspector-caption { margin-top: 16px; color: var(--text-2); font-size: .875rem; line-height: 1.5; }
.inspector-downloads { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; }
.inspector-downloads a { display: inline-flex; align-items: center; min-height: 44px; font-size: .875rem; }
.inspector-downloads .iso-plate-pdf { position: static; gap: 8px; padding: 0 12px; border: 1px solid var(--border); border-radius: 4px; color: var(--text); font-family: inherit; font-size: .875rem; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
.inspector-downloads .iso-plate-pdf svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.inspector-downloads .iso-plate-pdf:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (prefers-color-scheme: dark) {
  .data-inspector {
    --anatomy-paper: #243246; --anatomy-face: #354a64; --anatomy-top: #3a4c62;
    --anatomy-shade-0: #111d2d; --anatomy-shade-1: #182638; --anatomy-shade-2: #1d2d40; --anatomy-shade-3: #293a4e;
    --anatomy-lit-top: #4a6584; --anatomy-lit-shade: #314962;
    --anatomy-hi: #d3dfeb; --anatomy-mid: #8da1b7; --anatomy-lo: #637b93; --anatomy-faint: #425972; --anatomy-lit: #f4f8fc; --anatomy-dot: #d3dfeb;
  }
}
@media (max-width: 600px) {
  .data-inspector { padding: 20px; }
  .inspector-art { margin: 8px -8px; }
  .inspector-result { grid-template-columns: 1fr 1.2fr; gap: 16px; }
  .inspector-result strong { font-size: 2rem; }
  .inspector-control { gap: 8px; }
  .inspector-control select { font-size: .875rem; }
  .inspector-tour { padding-inline: 10px; }
}
.data-inspector { padding: 24px 32px; border-radius: 0; }
.inspector-head h2 { font-size: 1rem; }
.inspector-source { gap: 10px; }
.inspector-meta { margin-top: 0; }
.inspector-layout { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(280px, 1fr); gap: 40px; align-items: center; }
.inspector-art { width: min(100%, 580px); margin: 0 auto; touch-action: pan-y; }
.inspector-art:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.inspector-art [data-tray] { cursor: pointer; }
.inspector-art [data-active] .iso-edge { stroke-width: 1.25px; }
.inspector-fields { display: grid; gap: 4px; }
.inspector-fields[hidden] { display: none; }
.inspector-fields button { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; min-height: 56px; padding: 12px 16px; border: 0; border-radius: 0; background: transparent; color: var(--text-2); font: inherit; text-align: left; cursor: pointer; transition: background-color 200ms, color 200ms; }
.inspector-fields button strong { font-size: 1.125rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.inspector-fields button:hover, .inspector-fields button[aria-pressed="true"] { color: var(--text); background: var(--surface); }
.inspector-field-fill { position: absolute; bottom: 0; left: 16px; right: 16px; height: 2px; background: var(--bar-track); }
.inspector-field-fill::after { content: ''; display: block; height: 100%; width: var(--field-fill); background: var(--text-3); transition: background-color 200ms; }
[aria-pressed="true"] .inspector-field-fill::after { background: var(--accent); }
.data-inspector[data-enhanced] .inspector-control select, .data-inspector[data-enhanced] .inspector-control label { display: none; }
.data-inspector[data-enhanced] .inspector-control { display: flex; justify-content: flex-end; margin-top: 12px; }
.inspector-tour { min-height: 44px; background: transparent; padding-inline: 12px; }
.inspector-tour::before { content: '▶'; display: inline-block; font-size: .75em; margin-right: 8px; }
.inspector-tour[aria-pressed="true"]::before { content: 'Ⅱ'; }
.inspector-result { display: block; margin-top: 20px; min-height: 132px; }
.inspector-result > p:first-child { display: flex; align-items: center; gap: 16px; }
.inspector-result strong { font-size: 3.5rem; }
.inspector-result span { max-width: 10ch; line-height: 1.4; }
.inspector-result [data-inspect-note] { margin-top: 12px; max-width: 35ch; }
.inspector-foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.inspector-caption { margin: 0; max-width: 65ch; }
.inspector-downloads { flex-shrink: 0; margin: 0; }
@media (max-width: 900px) {
  .data-inspector { padding: 24px; }
  .inspector-layout { grid-template-columns: 1.25fr 1fr; gap: 24px; }
  .inspector-result strong { font-size: 2.5rem; }
  .inspector-foot { align-items: start; }
}
@media (max-width: 600px) {
  .data-inspector { padding: 20px; }
  .inspector-head h2 { font-size: 1rem; }
  .inspector-head { gap: 4px; }
  .inspector-meta { font-size: .875rem; margin-top: 4px; }
  .inspector-layout { display: block; }
  .inspector-art { width: min(100%, 340px); margin: 12px auto; }
  .inspector-fields { grid-template-columns: 1fr 1fr; gap: 12px; }
  .inspector-fields button { flex-wrap: wrap; gap: 4px; padding: 12px; font-size: .875rem; min-height: 72px; }
  .inspector-field-fill { left: 12px; right: 12px; }
  .inspector-result { min-height: 118px; margin-top: 12px; }
  .inspector-result strong { font-size: 2.5rem; }
  .inspector-result [data-inspect-note] { max-width: none; }
  .inspector-foot { display: block; }
  .inspector-caption { font-size: .875rem; }
  .inspector-downloads { margin-top: 12px; }
}
.data-inspector[data-enhanced] .inspector-control { justify-content: space-between; gap: 12px; }
.inspector-hint { color: var(--text-2); font-size: .875rem; }
.data-inspector:not([data-enhanced]) .inspector-hint { display: none; }
.inspector-art [data-needle] { stroke: var(--accent); stroke-width: 1.1px; }
.inspector-art [data-lever] { stroke-width: 1.2px; }
.inspector-art [data-when="on"] { display: none; }
.inspector-art [data-engaged] [data-when="on"] { display: inline; }
.inspector-art [data-engaged] [data-when="off"] { display: none; }
.inspector-art [data-lamp] { --lamp: var(--accent); }
.inspector-art [data-lamp="amber"] { --lamp: #f5a524; }
.inspector-art [data-lamp="green"] { --lamp: #2fbf71; }
.inspector-art [data-lamp="red"] { --lamp: #e5484d; }
.inspector-art [data-lamp] .iso-solid > path:not(.iso-edge) { transition: fill 240ms, stroke 240ms; }
.inspector-art [data-lamp][data-engaged] .iso-solid > path:not(.iso-edge) { fill: var(--lamp); stroke: var(--lamp); }
.inspector-art [data-lamp][data-engaged] .iso-solid > .iso-top, .inspector-art [data-lamp][data-engaged] .iso-solid > .iso-shade[data-shade="3"] { fill: color-mix(in srgb, var(--lamp) 55%, #fff); stroke: color-mix(in srgb, var(--lamp) 55%, #fff); }
.inspector-art [data-lamp][data-engaged] { filter: drop-shadow(0 0 3px var(--lamp)); }
@media (prefers-reduced-motion: reduce) { .inspector-art [data-lamp] .iso-solid > path:not(.iso-edge) { transition: none; } }