.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}}
/* Rioolteam palette, taken from the site's own tokens (--ajr-*) */
.iso{
  --ajr-blue:#1738f5;--ajr-blue-dark:#1028c7;--ajr-ink:#1f3f8f;--ajr-line:#d8e2ff;--ajr-muted:#526fb0;--ajr-navy:#0b2c7a;--ajr-paper:#f8faff;--ajr-soft:#eef3ff;
  --ajr-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--ajr-serif:"Lora",Georgia,serif;
  --ajr-shadow:0 1.618rem 5rem rgba(8,26,75,.12);--ajr-radius:1.618rem;
}
.iso[data-theme="light"]{
  --anatomy-page:#ffffff;--anatomy-card:var(--ajr-paper);--anatomy-text:var(--ajr-muted);--anatomy-strong:var(--ajr-navy);--anatomy-muted:#7f95c9;
  --anatomy-paper:var(--ajr-paper);--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#d6e0fd;--anatomy-shade-1:#e2e9fe;--anatomy-shade-2:#ebf0ff;--anatomy-shade-3:#f3f6ff;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#e8eeff;
  --anatomy-hi:var(--ajr-navy);--anatomy-mid:#5d78b8;--anatomy-lo:#a7b8e6;--anatomy-faint:#d3ddfb;--anatomy-lit:var(--ajr-blue);
  --anatomy-halo:#0b2c7a;--anatomy-halo-opacity:.16;--anatomy-dot:var(--ajr-ink);

  --rt-sand:#8b6744;--rt-sand-side:#7a5a3b;--rt-loam:#6b4c31;--rt-loam-side:#5c412a;--rt-bed:#c8ab7c;--rt-trench:#d6bd8f;
  --rt-klinker:#55595f;--rt-klinker-side:#474b51;--rt-pave:#5f6369;
  --rt-concrete:#c3c6ca;--rt-wall:#f4f7ff;--rt-insul:#fff4cc;--rt-brick:#9e4f35;--rt-brick-side:#ad5a3d;--rt-tile:#ffffff;
  --rt-pvc:var(--ajr-blue);--rt-sleeve:#c9d6f7;--rt-iron:#5d78b8;
  --rt-stipple:#8fa5dc;--rt-pebble:#a8865d;--rt-root:#b47a44;
  --rt-water:#a9c0ff;--rt-jet:#5f86ff;--rt-water-top:#cfdcff;--rt-water-line:var(--ajr-blue);
  --rt-cable:var(--ajr-ink);--rt-cable-edge:var(--ajr-navy);--rt-cable-coil:#a7b8e6;
  --rt-clog:#6f4b2a;--rt-clog-line:#4a2f18;--rt-led:#25d366;--rt-led-off:#c9d6f7;
  --rt-cav-0:#c3d1f6;--rt-cav-1:#ccd8f8;--rt-cav-2:#d6e0fa;--rt-cav-3:#dfe7fc;--rt-cav-top:#d9e2fb;--rt-void:#8fa5dc;
}
.iso[data-theme="dark"]{
  --anatomy-page:#05112f;--anatomy-card:#081a45;--anatomy-text:#a9bbef;--anatomy-strong:#ffffff;--anatomy-muted:#6f86c4;
  --anatomy-paper:#081a45;--anatomy-face:#0e2459;--anatomy-top:#10285f;
  --anatomy-shade-0:#071637;--anatomy-shade-1:#09193f;--anatomy-shade-2:#0b1d48;--anatomy-shade-3:#0d2150;
  --anatomy-lit-top:#163276;--anatomy-lit-shade:#112a66;
  --anatomy-hi:#e6edff;--anatomy-mid:#6f86c4;--anatomy-lo:#34508f;--anatomy-faint:#1b326b;--anatomy-lit:#6f8cff;
  --anatomy-halo:#000614;--anatomy-halo-opacity:.8;--anatomy-dot:#e6edff;
  --rt-sand:#0c1f4d;--rt-sand-side:#0a1b44;--rt-loam:#0a1a42;--rt-loam-side:#08163a;--rt-bed:#0e2354;--rt-trench:#0f2558;
  --rt-klinker:#132b63;--rt-klinker-side:#112759;--rt-pave:#0f2459;
  --rt-concrete:#132a62;--rt-wall:#15306d;--rt-insul:#3a3a20;--rt-brick:#18306b;--rt-brick-side:#152b62;--rt-tile:#18346f;
  --rt-pvc:#3d63ff;--rt-sleeve:#1b326b;--rt-iron:#5d78b8;
  --rt-stipple:#34508f;--rt-pebble:#132b63;--rt-root:#c58a52;
  --rt-water:#1f3f9f;--rt-jet:#8fb0ff;--rt-water-top:#2b52c4;--rt-water-line:#8fb0ff;
  --rt-cable:#a9bbef;--rt-cable-edge:#020a20;--rt-cable-coil:#34508f;
  --rt-clog:#6b4c2c;--rt-clog-line:#c58a52;--rt-led:#25d366;--rt-led-off:#1b326b;
  --rt-cav-0:#030b22;--rt-cav-1:#040d27;--rt-cav-2:#05102d;--rt-cav-3:#061232;--rt-cav-top:#05102d;--rt-void:#010616;
}
.rt-sand{fill:var(--rt-sand)} .rt-sand.rt-side{fill:var(--rt-sand-side)}
.rt-loam{fill:var(--rt-loam)} .rt-loam.rt-side{fill:var(--rt-loam-side)}
.rt-bed{fill:var(--rt-bed)} .rt-trench{fill:var(--rt-trench)}
.rt-klinker{fill:var(--rt-klinker)} .rt-klinker.rt-side{fill:var(--rt-klinker-side)}
.rt-pave{fill:var(--rt-pave)}
.rt-klinker-dark{fill:#53575d} .rt-klinker-light{fill:#6c7076}
/* real materials for the street and the tree */
.rt-mat-street{--anatomy-faint:#3e4247;--anatomy-lo:#3e4247;--anatomy-mid:#33363b}
.rt-mat-leaf{--anatomy-dot:#3c6a26;--anatomy-lit:#b4d77c;--anatomy-paper:#78a64e;--anatomy-face:#78a64e;--anatomy-top:#9cc568;--anatomy-lit-top:#9cc568;--anatomy-shade-0:#4f7f33;--anatomy-shade-1:#5f8f3c;--anatomy-shade-2:#6f9e46;--anatomy-shade-3:#82b055;--anatomy-hi:#2f5420;--anatomy-mid:#3f6b2a;--anatomy-lo:#4f7d35;--anatomy-faint:#6c9c47}
.rt-mat-bark{--anatomy-paper:#86603f;--anatomy-face:#86603f;--anatomy-top:#9a7252;--anatomy-lit-top:#9a7252;--anatomy-shade-0:#5e4029;--anatomy-shade-1:#6b4a31;--anatomy-shade-2:#7a5539;--anatomy-shade-3:#8a6243;--anatomy-hi:#3b2616;--anatomy-mid:#4a3222;--anatomy-lo:#5a3d28;--anatomy-faint:#7a5539}
.rt-mat-wood{--anatomy-paper:#c9a46f;--anatomy-face:#c9a46f;--anatomy-top:#ddbb88;--anatomy-lit-top:#ddbb88;--anatomy-shade-0:#a17a48;--anatomy-shade-1:#b08856;--anatomy-shade-2:#bf9762;--anatomy-shade-3:#cda673;--anatomy-hi:#5e4326;--anatomy-mid:#7a5a34;--anatomy-lo:#8f6c42;--anatomy-faint:#b08856}
.rt-mat-cone{--anatomy-paper:#f26a1b;--anatomy-face:#f26a1b;--anatomy-top:#ff8a3d;--anatomy-lit-top:#ff8a3d;--anatomy-lit-shade:#e25d12;--anatomy-shade-0:#c94e0c;--anatomy-shade-1:#d9570f;--anatomy-shade-2:#e86214;--anatomy-shade-3:#f4741f;--anatomy-hi:#8a3207;--anatomy-mid:#a33d0a;--anatomy-lo:#f4f6f8;--anatomy-faint:#f4f6f8}
.rt-mat-toolbox{--anatomy-paper:#d32f2f;--anatomy-face:#d32f2f;--anatomy-top:#e85050;--anatomy-lit-top:#e85050;--anatomy-lit-shade:#c42a2a;--anatomy-shade-0:#a11f1f;--anatomy-shade-1:#b42424;--anatomy-shade-2:#c62a2a;--anatomy-shade-3:#d63838;--anatomy-hi:#5c0f0f;--anatomy-mid:#7a1515;--anatomy-lo:#8e1a1a;--anatomy-faint:#b42424}
.rt-mat-rubber{--anatomy-paper:#2f3236;--anatomy-face:#2f3236;--anatomy-top:#45494e;--anatomy-lit-top:#45494e;--anatomy-lit-shade:#2a2d31;--anatomy-shade-0:#1f2124;--anatomy-shade-1:#26292c;--anatomy-shade-2:#2e3135;--anatomy-shade-3:#373a3f;--anatomy-hi:#0d0e10;--anatomy-mid:#16181a;--anatomy-lo:#5a5e64;--anatomy-faint:#45494e}
.rt-mat-steel{--anatomy-paper:#c9cdd2;--anatomy-face:#c9cdd2;--anatomy-top:#e3e6ea;--anatomy-lit-top:#e3e6ea;--anatomy-lit-shade:#b8bcc2;--anatomy-shade-0:#9aa0a7;--anatomy-shade-1:#a9aeb5;--anatomy-shade-2:#b8bdc3;--anatomy-shade-3:#c7cbd0;--anatomy-hi:#4a4f56;--anatomy-mid:#5e636a;--anatomy-lo:#7c8188;--anatomy-faint:#a9aeb5}
.rt-mat-brand{--anatomy-paper:#1738f5;--anatomy-face:#1738f5;--anatomy-top:#4a66ff;--anatomy-lit-top:#5b74ff;--anatomy-lit-shade:#2a49f7;--anatomy-shade-0:#0f27b8;--anatomy-shade-1:#122dd0;--anatomy-shade-2:#1533e6;--anatomy-shade-3:#2443f7;--anatomy-hi:#081a75;--anatomy-mid:#0b2399;--anatomy-lo:#9fb1ff;--anatomy-faint:#5b74ff}
.rt-mat-navy{--anatomy-paper:#0b2c7a;--anatomy-face:#0b2c7a;--anatomy-top:#1a3f99;--anatomy-lit-top:#1a3f99;--anatomy-lit-shade:#0e3285;--anatomy-shade-0:#071f5a;--anatomy-shade-1:#092466;--anatomy-shade-2:#0b2a73;--anatomy-shade-3:#0e3182;--anatomy-hi:#020c2e;--anatomy-mid:#041544;--anatomy-lo:#5d78b8;--anatomy-faint:#2b4a99}
.rt-mat-motor{--anatomy-paper:#4a4e55;--anatomy-face:#4a4e55;--anatomy-top:#62676e;--anatomy-lit-top:#62676e;--anatomy-lit-shade:#454950;--anatomy-shade-0:#33363b;--anatomy-shade-1:#3b3f44;--anatomy-shade-2:#44484e;--anatomy-shade-3:#4f535a;--anatomy-hi:#1a1c1f;--anatomy-mid:#25282c;--anatomy-lo:#7c8188;--anatomy-faint:#5a5e64}
.rt-mat-skin .iso-line[data-tone="hi"]{stroke-width:1.3}
.rt-mat-skin{--anatomy-dot:#2b1a10;--anatomy-paper:#e2ad8b;--anatomy-face:#e2ad8b;--anatomy-top:#f0c3a3;--anatomy-lit-top:#f0c3a3;--anatomy-lit-shade:#d9a07d;--anatomy-shade-0:#bf8463;--anatomy-shade-1:#cc916f;--anatomy-shade-2:#d89e7c;--anatomy-shade-3:#e3ac8a;--anatomy-hi:#3b2418;--anatomy-mid:#9c654a;--anatomy-lo:#7a7470;--anatomy-faint:#c99474}
.rt-mat-shirt{--anatomy-paper:#3aa3e0;--anatomy-face:#3aa3e0;--anatomy-top:#62bdf0;--anatomy-lit-top:#62bdf0;--anatomy-lit-shade:#3398d4;--anatomy-shade-0:#1f7fbd;--anatomy-shade-1:#2689c8;--anatomy-shade-2:#2e94d4;--anatomy-shade-3:#38a0de;--anatomy-hi:#0d4a75;--anatomy-mid:#16608f;--anatomy-lo:#8fd0f5;--anatomy-faint:#5cb6ea}
.rt-mat-overall{--anatomy-paper:#3b4049;--anatomy-face:#3b4049;--anatomy-top:#525864;--anatomy-lit-top:#525864;--anatomy-lit-shade:#373c45;--anatomy-shade-0:#2a2e35;--anatomy-shade-1:#30343c;--anatomy-shade-2:#363b44;--anatomy-shade-3:#40454f;--anatomy-hi:#15171b;--anatomy-mid:#1d2025;--anatomy-lo:#6a717d;--anatomy-faint:#dfe3e8}
.rt-mat-cap{--anatomy-paper:#0b2c7a;--anatomy-face:#0b2c7a;--anatomy-top:#1d45a8;--anatomy-lit-top:#1d45a8;--anatomy-lit-shade:#0e3285;--anatomy-shade-0:#071f5a;--anatomy-shade-1:#092466;--anatomy-shade-2:#0b2a73;--anatomy-shade-3:#0e3182;--anatomy-hi:#020c2e;--anatomy-mid:#041544;--anatomy-lo:#3a5aa8;--anatomy-faint:#2b4a99}
.rt-mat-hair{--anatomy-paper:#c9c6c0;--anatomy-face:#c9c6c0;--anatomy-top:#e2dfda;--anatomy-lit-top:#e2dfda;--anatomy-lit-shade:#bfbcb6;--anatomy-shade-0:#a19e98;--anatomy-shade-1:#ada9a3;--anatomy-shade-2:#b9b5af;--anatomy-shade-3:#c6c2bc;--anatomy-hi:#5e5a55;--anatomy-mid:#77736d;--anatomy-lo:#8f8b85;--anatomy-faint:#b0aca6}
.rt-ov{fill:#30343c} .rt-patch{fill:#3aa3e0} .rt-buckle{fill:#c9cdd2}
.rt-mat-road{--anatomy-faint:#5d6168;--anatomy-lo:#8e9298;--anatomy-mid:#2a2d31}
.rt-asphalt{fill:#3b3e43} .rt-asphalt.rt-side{fill:#33363a} .rt-asphalt-base{fill:#8f8a80} .rt-asphalt-base.rt-side{fill:#827d73}
.rt-kerb{fill:#b9bcc0} .rt-roadline{fill:#f2f2ee} .rt-manhole{fill:#5a5f66} .rt-manhole-in{fill:#6e737b}
.rt-mat-iron{--anatomy-lit-shade:#5f646b;--anatomy-paper:#6e737b;--anatomy-face:#6e737b;--anatomy-top:#80868e;--anatomy-lit-top:#80868e;--anatomy-shade-0:#4f545b;--anatomy-shade-1:#5a5f66;--anatomy-shade-2:#656a71;--anatomy-shade-3:#70757c;--anatomy-hi:#2c2f34;--anatomy-mid:#3c4046;--anatomy-lo:#4a4e55;--anatomy-faint:#565b62}
.rt-concrete{fill:var(--rt-concrete)} .rt-wall{fill:var(--rt-wall)} .rt-insul{fill:var(--rt-insul)}
.rt-brick{fill:var(--rt-brick)} .rt-brick.rt-side{fill:var(--rt-brick-side)}
.rt-brick-dark{fill:#9c4c33} .rt-brick-light{fill:#bd6a4b}
.rt-mat-brick{--anatomy-lo:#e3d6c8;--anatomy-faint:#e3d6c8;--anatomy-mid:#5a3d2e}
.rt-glass{fill:#9fb8d6} .rt-glass-shine{fill:#ffffff;opacity:.35}
.rt-frame{fill:#fbfbf8} .rt-reveal-side{fill:#8a422c} .rt-reveal-top{fill:#7a3a26}
.rt-sill{fill:#9a9ea4} .rt-sill-top{fill:#c9ccd0} .rt-sill-side{fill:#7f838a}
.rt-tile{fill:var(--rt-tile)} .rt-top-wall{fill:var(--anatomy-top)} .rt-top-cav{fill:var(--rt-insul)}
.rt-grille{fill:var(--anatomy-shade-1)}
.rt-pvc{fill:var(--rt-pvc)} .rt-sleeve{fill:var(--rt-sleeve)} .rt-iron{fill:var(--rt-iron)}
.rt-stipple circle{fill:var(--rt-stipple);opacity:.55} .rt-stipple.rt-dark circle{opacity:.8}
.rt-stipple.rt-soil circle{fill:#4a3220;opacity:.45} .rt-pebble ellipse{stroke:#5e4329}
.rt-pebble ellipse{fill:var(--rt-pebble);stroke:var(--rt-stipple);stroke-width:.4;vector-effect:non-scaling-stroke}
.rt-rebar circle{fill:var(--anatomy-mid)}
.rt-roots path{fill:none;stroke:var(--rt-root);stroke-linecap:round;vector-effect:non-scaling-stroke}
.rt-roots.rt-hair path{stroke-width:.6}
.rt-cavity{--anatomy-shade-0:var(--rt-cav-0);--anatomy-shade-1:var(--rt-cav-1);--anatomy-shade-2:var(--rt-cav-2);--anatomy-shade-3:var(--rt-cav-3);--anatomy-top:var(--rt-cav-top);--anatomy-paper:var(--rt-cav-2)}
.rt-void{fill:var(--rt-void)}
.rt-water{fill:var(--rt-water);opacity:.9;transition:fill 1.8s ease}
.rt-water-top{transition:fill 1.8s ease,stroke 1.8s ease}
/* standing water behind a blockage is dirty; it clears once the drain is open */
.rt-water.rt-dirty{fill:#8d7b52} .rt-water-top.rt-dirty{fill:#a99868;stroke:#6e5a33}
.rt-water-top{fill:var(--rt-water-top);stroke:var(--rt-water-line);stroke-width:.5;vector-effect:non-scaling-stroke}
.rt-flowline{stroke:var(--rt-water-line)!important;stroke-dasharray:3 5;opacity:.8}
.rt-cable-edge{fill:none;stroke:var(--rt-cable-edge);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.rt-cable{fill:none;stroke:var(--rt-cable);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.rt-cable-coil{fill:none;stroke:var(--rt-cable-coil);stroke-width:.55;stroke-linecap:butt}
.rt-clog-body{fill:var(--rt-clog);stroke:var(--rt-clog-line);stroke-width:.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.rt-clog-fibre{fill:none;stroke:var(--rt-clog-line);stroke-width:.5;vector-effect:non-scaling-stroke;stroke-linecap:round}
.rt-clog-root{fill:none;stroke:var(--rt-root);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round}
.rt-clog-lump{fill:#5a3a1e;stroke:#3f2711;stroke-width:.4;vector-effect:non-scaling-stroke}
.rt-clog-shine{fill:#a57a4f;opacity:.55}
.rt-clog-paper{fill:#f4f1e8;stroke:#c9bfa6;stroke-width:.45;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.rt-clog-fold{fill:none;stroke:#d6ccb4;stroke-width:.4;vector-effect:non-scaling-stroke;stroke-linecap:round}
.rt-clog-hair{fill:none;stroke:#231a12;stroke-width:.35;vector-effect:non-scaling-stroke;stroke-linecap:round;opacity:.85}
.rt-frag-paper,.rt-dust-paper{fill:#f4f1e8;stroke:#c9bfa6}
.rt-frag{fill:var(--rt-clog);stroke:var(--rt-clog-line);stroke-width:.5;vector-effect:non-scaling-stroke}
.rt-led{fill:var(--rt-led-off);transition:fill .3s}
.rt-led[data-on]{fill:var(--rt-led)}
.rt-cutter line,.rt-cutter path{stroke:var(--anatomy-lit);stroke-width:1.2;stroke-linecap:round;fill:none}
.rt-cutter circle{fill:#ffffff;stroke:var(--anatomy-lit);stroke-width:.9}
.rt-jet{fill:none;stroke:var(--rt-jet);stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:3 2.4}
.rt-jet-core{fill:none;stroke:#ffffff;stroke-width:.9;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1.4 3.4}
.rt-mist{fill:var(--rt-water-top);opacity:.55}
.rt-dust{fill:var(--rt-clog);stroke:var(--rt-clog-line);stroke-width:.4;vector-effect:non-scaling-stroke}
.rt-drop{fill:var(--rt-jet)}
.rt-spoke{fill:none;stroke:var(--anatomy-lo);stroke-width:.6;stroke-linecap:round}
.rt-stage{touch-action:pan-y;outline:none}
.rt-stage:focus-visible{outline:2px solid var(--ajr-blue);outline-offset:6px;border-radius:12px}
.rt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* the card, in the site's style: soft blue gradient, rounded, airy shadow */
body.iso{font-family:var(--ajr-sans)}
.iso-plate{border-radius:var(--ajr-radius);background:radial-gradient(120% 90% at 0% 0%,#ffffff 0%,var(--ajr-paper) 45%,var(--ajr-soft) 100%);box-shadow:0 0 0 1px var(--ajr-line),var(--ajr-shadow);--anatomy-paper:var(--ajr-paper)}
.iso[data-theme="dark"] .iso-plate{background:radial-gradient(120% 90% at 0% 0%,#0e2459 0%,#081a45 60%,#05112f 100%);box-shadow:0 0 0 1px #1b326b,0 1.618rem 5rem rgba(0,0,0,.4)}
.iso-plate-corner{font-family:var(--ajr-sans);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--anatomy-muted)}
.iso-plate-corner[data-corner="fig"]{color:var(--ajr-blue);text-transform:uppercase;letter-spacing:.18em}
.iso-plate-corner[data-corner="title"]{color:var(--ajr-ink);font-family:var(--ajr-serif);font-weight:500;font-size:15px;letter-spacing:0;text-transform:none}
.iso-plate-corner[data-corner="hint"]{font-weight:600}
.iso-plate-corner[data-corner="readout"]{color:#fff;background:var(--ajr-blue);padding:7px 14px;border-radius:999px;letter-spacing:.04em;font-weight:600;transform:translateY(7px)}
.iso[data-theme="dark"] .iso-plate-corner[data-corner="title"]{color:#e6edff}
.iso-legend{color:var(--ajr-muted);font-family:var(--ajr-sans)}
.iso-swatch[data-mark="lit"] path{stroke:var(--ajr-blue)}
.iso-swatch[data-mark="blue"] path{stroke:var(--rt-water)}
@media (max-width:560px){
  .iso-plate{overflow:hidden;padding:44px 0 62px}
  .iso-plate-corner[data-corner="title"]{display:none}
  .iso-plate-corner[data-corner="hint"]{display:none}
  .iso-plate-corner[data-corner="readout"]{left:50%;right:auto;transform:translate(-50%,7px)}
  .rt-stage .iso-svg{width:124%;max-width:none;margin-left:-15%}
}

/* live status panel */
.rt-live{--live:var(--ajr-blue);position:relative;max-width:620px;margin:6px auto 0;padding:16px 20px 14px;background:#fff;border:1px solid var(--ajr-line);border-radius:22px;box-shadow:0 1.2rem 3rem rgba(8,26,75,.12);font-family:var(--ajr-sans);color:var(--ajr-ink);text-align:left}
.rt-live[data-step="verstopt"]{--live:#e5484d}
.rt-live[data-step="doorbraak"],.rt-live[data-step="vrij"]{--live:#1fa463}
.rt-live-head{display:flex;align-items:center;gap:14px}
.rt-live-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--ajr-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ajr-navy);flex:none}
.rt-live-tag i{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 var(--live);animation:rt-pulse 1.6s ease-out infinite}
@keyframes rt-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 60%,transparent)}100%{box-shadow:0 0 0 9px transparent}}
.rt-live-text{display:flex;flex-direction:column;min-width:0;flex:1}
.rt-live-text strong{font-family:var(--ajr-serif);font-weight:600;font-size:clamp(20px,1.7vw,26px);line-height:1.15;color:var(--live);transition:color .3s}
.rt-live-text span{font-size:13.5px;color:var(--ajr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt-live-value{flex:none;min-width:3.2em;text-align:right;font-family:var(--ajr-serif);font-weight:600;font-size:clamp(26px,2.4vw,38px);line-height:1;color:var(--ajr-navy);font-variant-numeric:tabular-nums}
.rt-live-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 0;padding:0;list-style:none}
.rt-live-steps li{display:flex;flex-direction:column;gap:6px;font-size:11.5px;font-weight:700;color:#9aabd6}
.rt-live-steps em{font-style:normal;white-space:nowrap}
.rt-live-steps li[data-now] em{color:var(--live)} .rt-live-steps li[data-done] em{color:var(--ajr-ink)}
.rt-live-bar{display:block;height:6px;border-radius:99px;background:var(--ajr-soft);overflow:hidden}
.rt-live-bar span{display:block;height:100%;background:var(--live);transform-origin:left;transform:scaleX(0);transition:transform .25s linear,background .3s}
.rt-live-steps li[data-done] .rt-live-bar span{background:var(--ajr-blue)}
@media (max-width:620px){
  .rt-live{padding:12px 14px 12px;border-radius:18px}
  .rt-live-head{gap:10px}
  .rt-live-tag{padding:4px 8px;font-size:10px}
  .rt-live-text span{font-size:12px;white-space:normal}
  .rt-live-steps{gap:5px}
  .rt-live-steps em{display:none}
}
@media (prefers-reduced-motion:reduce){.rt-live-tag i{animation:none}}