.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;
  --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}
.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)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.iso-figure{margin:32px 0 36px}
.iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.iso-plate .iso-svg{margin:0 auto}
.iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.iso-key{display:inline-flex;align-items:center;gap:7px}
.iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.iso-swatch[data-mark="raised"] path,.iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}

.showcase{--show-ink:#29483b;--show-rule:#82917a;--show-accent:#b8ce9e;--show-warm:#e8d5b7;--show-sheet:#fffef9;margin:32px 0 50px;padding:26px 0 30px;border-block:1px solid var(--line,#d7dbce)}
.show-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(310px,1fr);gap:30px;align-items:start}
.show-overview,.show-panel{min-width:0}
.show-figure{margin:0}
.show-figure.iso[data-theme=light]{--anatomy-card:#eeefe5;--anatomy-paper:#eeefe5;--anatomy-face:#fffef9;--anatomy-top:#f7f8ef;--anatomy-shade-0:#a8b79c;--anatomy-shade-1:#bfccb3;--anatomy-shade-2:#d7dfcd;--anatomy-shade-3:#e6eadd;--anatomy-hi:#344f3d;--anatomy-mid:#718368;--anatomy-lo:#9eae91;--anatomy-faint:#bdc7b1;--anatomy-lit:#203e36;--anatomy-weight:.65px;--anatomy-halo:#61765e;--anatomy-halo-opacity:.16;--show-ink:#29483b;--show-rule:#82917a;--show-accent:#b8ce9e;--show-warm:#e8d5b7;--show-sheet:#fffef9}
.show-figure.iso[data-theme=dark]{--show-ink:#dbe8d1;--show-rule:#9eae93;--show-accent:#536c3f;--show-warm:#67553d;--show-sheet:#20251d}
.show-plate{border:1px solid #cbd2c2;padding:14px 10px 4px;background:#eeefe5;box-shadow:none;overflow:hidden}
.show-corners{display:flex;justify-content:space-between;gap:15px;padding-inline:7px;font:10px/1.6 'Segoe UI',Arial,sans-serif;letter-spacing:1.1px;color:#5e685f}
.show-scene .iso-svg{width:100%;height:auto;display:block}
.show-part[data-show-hit]{cursor:pointer}
.show-part .iso-edge,.show-part .iso-top{transition:stroke .2s,fill .2s}
.show-part[data-active] .iso-edge{stroke:var(--anatomy-lit);stroke-width:1}
.show-part[data-active] .iso-top{fill:#c6d7b3}
.show-part[data-name$="screen"] .iso-top{fill:var(--show-sheet)}
.show-face{pointer-events:none}
.show-print,.show-chart-ink{fill:var(--show-ink)}
.show-rule{fill:var(--show-rule)}
.show-accent{fill:var(--show-accent)}
.show-screen-paper{fill:var(--show-sheet)}
.show-poster-paper{fill:var(--show-warm)}
.show-ui-card{fill:var(--show-accent);stroke:var(--show-rule);stroke-width:.4}
.show-slot{fill:var(--show-rule)}
.show-key{fill:var(--show-sheet);stroke:var(--show-rule);stroke-width:.4}
.show-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:12px}
.showcase button{min-height:44px;border:1px solid #aebca1;background:transparent;color:#29483b;padding:9px 12px;cursor:pointer;font:13px/1.5 'Segoe UI',Arial,sans-serif}
.showcase button:hover:not(:disabled){background:#e5ecdc}
.showcase button[aria-pressed=true]{border-color:#29483b;background:#e5ecdc}
.showcase button:disabled{opacity:.38;cursor:not-allowed}
.showcase .show-tabs button{padding:10px 3px;font-size:12px;line-height:1.5}
.showcase .show-tabs button[aria-pressed=true]{background:#203e36;color:#fffef9}
.showcase .show-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.showcase .show-panel-heading h3{font:400 28px/1.4 var(--serif,Georgia,serif);margin:0;letter-spacing:-.02em}
.show-panel-heading a{font-size:11px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.showcase .show-description{font-size:14px;line-height:1.75;color:#5e685f;margin:6px 0 18px}
.show-preview{min-width:0}
.showcase h4{font-family:var(--serif,Georgia,serif);font-weight:400;color:#203e36;line-height:1.35;margin:0 0 18px}
.show-navigation{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #cbd2c2}
.show-navigation button{font-size:12px;max-width:50%}
.show-app{background:#fffef9;border:1px solid #9eae91;border-radius:15px;padding:0 18px;box-shadow:0 7px 18px #203e3608;overflow:hidden}
.show-app-brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbce;padding:17px 1px;font-size:10px;letter-spacing:1.4px;color:#47633e}
.show-app-dot{width:6px;height:6px;background:#8ca570;border-radius:50%}
.show-app-body{padding:24px 0 18px;min-height:319px}
.show-app-step{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#6c7c63;display:block;margin-bottom:14px}
.showcase .show-app h4{font-size:26px}
.show-topic-list,.show-answer-list{display:grid;gap:9px;margin-top:24px}
.show-topic-list button{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;text-align:left;background:#eff2e8}
.show-answer-list{margin-top:17px;gap:7px}
.show-answer-list button{text-align:left;padding:9px 12px}
.showcase .show-app .show-question{font-size:21px;margin-bottom:15px}
.show-question-chart{display:flex;justify-content:center;gap:26px;align-items:end;height:100px;padding-bottom:0}
.show-question-chart>div{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;height:100%}
.show-question-chart span{width:35px;display:flex;justify-content:center;align-items:start;padding-top:5px;background:#b8ce9e;font:11px 'Segoe UI',sans-serif;color:#29483b}
.show-question-chart b{font:11px 'Segoe UI',sans-serif;color:#5e685f}
.show-app-bottom{display:flex;justify-content:center;padding:12px 0 10px}
.show-app-bottom span{width:40px;height:3px;border-radius:3px;background:#cbd2c2}
.showcase .show-text-button{padding:7px 0;min-height:44px;border:0;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:4px;margin-top:10px}
.show-result-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #aebca1;border-radius:50%;color:#47633e;font:25px Georgia,serif;margin:17px 0 20px}
.showcase .show-app p{font-size:14px;line-height:1.8;margin:0 0 22px;color:#5e685f}
.showcase .show-primary{background:#203e36;color:#fffef9}
.show-slide{position:relative;min-height:315px;padding:26px 24px 50px;border:1px solid #cbd2c2;background:#fffef9}
.showcase .show-slide-kicker{font-size:10px;letter-spacing:1.5px;color:#6c7c63;margin:0 0 17px}
.showcase .show-slide h4{font-size:28px;margin-bottom:18px}
.showcase .show-slide>p:not(.show-slide-kicker){font-size:13px;line-height:1.8;color:#5e685f;margin-bottom:19px}
.show-slide ol{font-size:12px;padding-left:19px;margin:0;color:#29483b}
.show-slide li{margin-bottom:7px}
.show-slide-footer{position:absolute;bottom:15px;left:24px;right:24px;display:flex;justify-content:space-between;border-top:1px solid #d7dbce;padding-top:10px;font-size:9px;letter-spacing:1px;color:#6c7c63}
.show-inner-nav{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:12px;font-size:12px;color:#5e685f}
.show-inner-nav button{width:44px;padding:0}
.show-poster-window{height:360px;display:flex;justify-content:center;overflow:hidden;background:#eeefe5;border:1px solid #cbd2c2;padding:14px}
.show-poster{position:relative;aspect-ratio:210/297;height:100%;padding:21px 19px;background:#e8d5b7;color:#29483b;transform-origin:center 38%;transition:transform .25s ease;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px #203e3612}
.show-poster-window[data-zoom=true] .show-poster{transform:scale(1.65)}
.showcase .show-poster-top{font-size:8px;letter-spacing:1.4px;margin:0 0 16px}
.showcase .show-poster h4{font-size:33px;line-height:1.15;letter-spacing:-.035em;margin:0;z-index:1}
.show-poster-art{width:100%;height:auto;max-height:130px;display:block;flex:1;min-height:0;margin-top:2px}
.showcase .show-poster-bottom{font-size:8px;letter-spacing:1.6px;margin:10px 0 0}
.show-mode-controls{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.show-mode-controls button{font-size:12px;min-height:44px;padding:7px 10px}
.show-cv{background:#fffef9;border:1px solid #cbd2c2;padding:24px 22px;min-height:360px;font-size:11px;line-height:1.65;color:#425443}
.show-cv[data-mode=after]{display:grid;grid-template-columns:1fr 85px;gap:14px 21px}
.showcase .show-cv h4{font:600 18px/1.4 'Segoe UI',sans-serif;letter-spacing:.6px;margin:0 0 5px}
.showcase .show-cv h5{font:650 10px/1.5 'Segoe UI',sans-serif;text-transform:uppercase;letter-spacing:1px;color:#5c7053;margin:0 0 7px}
.showcase .show-cv p{font-size:12px;line-height:1.7;margin:0}
.show-cv-heading{grid-column:1/-1;border-bottom:1px solid #aebca1;padding-bottom:13px}
.show-cv-summary,.show-cv-project{grid-column:1}
.show-cv-skills{grid-column:2;grid-row:2}
.show-cv-education{grid-column:2;grid-row:3}
.show-cv-project strong{font-size:11px;display:block;margin-bottom:4px}
.show-cv[data-mode=before]{padding:18px 14px;display:block}
.show-cv[data-mode=before]>div{margin-bottom:17px;padding:0;border:0}
.show-cv[data-mode=before] h4{font-family:Georgia,serif;font-size:16px;letter-spacing:0}
.show-cv[data-mode=before] h5{text-transform:none;letter-spacing:0;font-size:12px;margin-bottom:2px}
.show-dashboard{background:#fffef9;border:1px solid #cbd2c2;padding:18px 16px}
.show-dashboard-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:9px;letter-spacing:.8px;color:#5e685f;margin-bottom:15px}
.show-dashboard-top small{font-size:10px;letter-spacing:0}
.show-metric-label{font-size:11px;color:#5e685f}
.show-dashboard-total{font:400 30px/1.4 var(--serif,Georgia,serif);color:#203e36;margin:3px 0 19px;overflow-wrap:anywhere}
.show-data-chart{height:140px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;align-items:end;padding-bottom:0;margin-bottom:18px}
.show-data-chart>div{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px;min-width:0}
.show-data-bar{display:block;background:#9eb888;width:100%;max-width:28px;height:var(--bar);min-height:1px}
.show-data-chart>div>span:last-child{font-size:11px;color:#5e685f}
.show-data-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6;margin-top:17px}
.show-data-table td,.show-data-table th{padding:7px 3px;border-top:1px solid #d7dbce;text-align:right;font-weight:400}
.show-data-table th:first-child{text-align:left}
.show-data-table thead th{font-size:10px;color:#5e685f}
@media(max-width:1000px){.show-layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:22px}.showcase .show-tabs button{font-size:11px}.showcase .show-panel-heading h3{font-size:25px}}
@media(max-width:760px){.show-layout{grid-template-columns:1fr;gap:24px}.showcase{margin:25px 0 35px;padding-block:18px 25px}.show-plate{padding:12px 8px 2px}.show-corners{font-size:9px;letter-spacing:.6px}.show-tabs{margin-top:10px;gap:4px}.showcase .show-tabs button{font-size:11px;padding:9px 2px;min-height:48px}.showcase .show-panel-heading h3{font-size:27px}.showcase .show-description{font-size:14px}.show-app-body{min-height:300px}.show-slide{min-height:310px}.show-poster-window{height:370px}}
@media(prefers-reduced-motion:reduce){.showcase *{animation:none!important;transition:none!important}}