.tutorial-topbar{position:relative;inset:auto}.article-brand{font-size:13px;font-weight:750;white-space:nowrap}.reading-preferences{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px 20px;margin-bottom:24px;font-size:13px}.reading-preferences summary{font-weight:750;cursor:pointer;min-height:30px}.reading-preferences p{font-size:12px;color:var(--muted);margin:12px 0}.preference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.preference-grid label{display:flex;flex-direction:column;gap:5px}.preference-grid select{min-width:0;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:9px;font:inherit}body>.site-footer{padding-left:max(20px,calc((100vw - 1184px)/2));padding-right:max(20px,calc((100vw - 1184px)/2))}.hero-map,.demo,.codebox{--text:#edf3f8;--muted:#adbecd;--accent-ink:#92c73e;--line:#355044}.hero-map,.demo,.hero-map strong,.demo strong,.hero-map b{color:var(--text)}.demo-caption{color:var(--accent-ink)}html[data-theme=paper]{color-scheme:light;--bg:#f6f5ef;--panel:#fff;--panel2:#ecefe6;--text:#182327;--muted:#485752;--line:#c6cec0;--accent-ink:#3b6514;--focus-ring:#2a5715}html[data-theme=blue]{color-scheme:dark;--bg:#091a2d;--panel:#10263e;--panel2:#18344f;--text:#f0f6ff;--muted:#afc7e0;--line:#35536f;--accent-ink:#a4d84a}html[data-font=serif] body{font-family:Georgia,Times New Roman,serif}html[data-font=mono] body{font-family:ui-monospace,Consolas,monospace}html[data-scale=small]{font-size:14px}html[data-scale=large]{font-size:18px}html[data-density=compact] body{line-height:1.5}html[data-spacing=compact]{--section-gap:40px}html[data-spacing=airy]{--section-gap:84px}html[data-radius=square]{--radius:0}html[data-radius=round]{--radius:28px}html[data-focus=strong] :is(a,button,input,select):focus-visible{outline-width:5px;outline-offset:5px}html[data-motion=reduced]{scroll-behavior:auto}@media(min-width:761px){html[data-navigation=top] .article-layout{display:block}html[data-navigation=top] .toc{position:static;border-bottom:1px solid var(--line);margin-bottom:35px}html[data-navigation=top] .toc-links{display:flex;flex-wrap:wrap;gap:3px 20px}}@media(max-width:760px){.preference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-topbar{position:relative;inset:auto}.tutorial-topbar nav{gap:14px}}.tutorial-topbar{--text:#edf3f8;--muted:#adbecd;--accent-ink:#92c73e;--line:#2c4051;color:var(--text)}[data-zyel-primary-header].site-header.zyel-global-header{background:#090a0d}:root{color-scheme:dark;--bg:#0b1015;--panel:#121b24;--panel2:#17222d;--text:#edf3f8;--muted:#adbecd;--line:#2c4051;--green:#92c73e;--accent-ink:#92c73e;--focus-ring:#ffd38b;--blue:#8dcaff;--violet:#c5a5ff;--amber:#ffd38b;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:var(--accent-ink);text-underline-offset:4px}a:hover{color:#fff}button,a,input,select{touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}.skip{position:absolute;left:1rem;top:-100px;z-index:20;background:var(--green);color:#101612;padding:.6rem 1rem}.skip:focus{top:1rem}.tutorial-topbar{position:relative;top:auto;z-index:10;background:#0b1015f7;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1240px)/2))}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;color:var(--text);font-size:12px;letter-spacing:.12em;font-weight:800}.brand img{display:block;width:88px;height:34px;object-fit:contain}.brand-slash{color:#6e8497;font-size:25px;font-weight:300}.tutorial-topbar nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:650}.tutorial-topbar nav a{color:var(--muted);text-decoration:none}.tutorial-topbar nav a:hover{color:var(--accent-ink)}.shell{max-width:1240px;margin:auto;padding:0 28px}.hero{padding:80px 0 56px;display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-ink);font-weight:800;margin:0 0 20px}h1{font-size:clamp(38px,4.6vw,64px);line-height:1.07;letter-spacing:-.045em;margin:0 0 24px;max-width:760px}h1 span{color:var(--accent-ink)}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:640px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:11px 17px;min-height:46px;background:var(--panel2);color:var(--text);font-weight:700;font-size:13px;text-decoration:none;cursor:pointer}.button.primary{background:var(--green);border-color:var(--accent-ink);color:#10200a}.button:hover{border-color:var(--accent-ink);color:var(--text)}.button.primary:hover{color:#10200a;background:#d1ff96}.meta{font-size:12px;color:var(--muted);margin-top:22px}.hero-map{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(145deg,#14212d,#10171f);min-width:0}.map-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.map-node{display:grid;grid-template-columns:30px 1fr;gap:14px;align-items:center}.map-node b{display:block;font-size:14px}.map-node small{display:block;font-size:12px;color:var(--muted)}.node-id{border:1px solid var(--line);border-radius:8px;text-align:center;color:var(--accent-ink);font:12px ui-monospace,monospace;padding:5px}.map-connector{margin:7px 0 7px 14px;border-left:1px dashed #52734a;height:21px}.map-return{margin:20px 0 0;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--accent-ink)}.quickfacts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:0 0 60px}.fact{padding:20px 24px}.fact+.fact{border-left:1px solid var(--line)}.fact strong{display:block;font-size:15px}.fact span{font-size:12px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:55px}.toc{align-self:start;position:sticky;top:108px;padding-bottom:20px}.toc p{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.toc a{display:block;text-decoration:none;color:var(--muted);font-size:13px;padding:6px 0}.toc a:hover{color:var(--accent-ink)}article{min-width:0}section{margin:0 0 var(--section-gap,64px)}h2{font-size:clamp(25px,3vw,34px);line-height:1.25;letter-spacing:-.025em;margin:0 0 20px}h3{font-size:19px;line-height:1.4;margin:30px 0 12px}p{margin:0 0 18px}article>section>p,li{color:var(--muted)}strong{color:var(--text)}.section-no{font:11px ui-monospace,monospace;color:var(--accent-ink);display:block;margin-bottom:12px;letter-spacing:.1em}.callout{border:1px solid var(--line);border-left:3px solid var(--green);border-radius:0 12px 12px 0;background:var(--panel);padding:20px 24px;margin:24px 0;color:var(--muted);font-size:14px}.callout p:last-child{margin:0}.callout.warning{border-left-color:var(--amber)}.table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:12px;margin:24px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th,td{vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}th{color:var(--text);background:var(--panel2);font-weight:700}td{color:var(--muted);background:var(--panel)}td:first-child{color:var(--text);font-weight:650;min-width:110px}.codebox{margin:24px 0;border:1px solid var(--line);border-radius:12px;background:#080e14;overflow:hidden}.codebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);color:var(--muted);font:11px ui-monospace,monospace;letter-spacing:.02em}.copy{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text);font:12px inherit;padding:5px 12px;cursor:pointer;min-height:34px}pre{margin:0;padding:20px;max-width:100%;overflow:auto;tab-size:2;color:#c5e4fb;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace}p code,li code,td code{font:12px ui-monospace,monospace;background:#1b2835;color:#d7e9f8;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}.steps{counter-reset:step;list-style:none;padding:0;margin:26px 0}.steps li{position:relative;padding:0 0 26px 50px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;font:12px ui-monospace,monospace;color:var(--accent-ink);border:1px solid var(--line);border-radius:8px;width:30px;height:30px;display:grid;place-items:center}.steps li strong{display:block;margin-bottom:5px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:22px;min-width:0}.card h3{margin:0 0 10px;font-size:16px}.card p{font-size:13px;color:var(--muted);margin:0}.demo{border:1px solid #4b6953;border-radius:var(--radius);background:linear-gradient(155deg,#17271f,#111c25);padding:26px;margin:24px 0}.demo-caption{font-size:12px;color:var(--accent-ink)}.demo-controls{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.scenario{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:20px 0}.scenario legend{font-size:13px;font-weight:700;margin-bottom:10px}.scenario label{border:1px solid var(--line);border-radius:9px;padding:12px;font-size:12px;color:var(--text);cursor:pointer;line-height:1.5}.scenario input{accent-color:var(--accent-ink);margin-right:5px}.scenario label:has(input:checked){border-color:var(--accent-ink);background:#23362b}.demo-state{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.demo-state div{border:1px solid var(--line);border-radius:9px;background:#0e1820;padding:12px}.demo-state span{display:block;font-size:11px;color:var(--muted)}.demo-state strong{display:block;font:22px/1.6 ui-monospace,monospace;color:var(--accent-ink)}.demo-output{padding:16px;border:1px solid var(--line);border-radius:9px;background:#091219;min-height:110px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 ui-monospace,monospace;color:#c5e4fb}.demo-note{font-size:12px;color:var(--muted);margin:14px 0 0}.source-list{padding-left:18px;font-size:13px}.source-list li{margin-bottom:12px}.download{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.download h3{margin:0 0 12px}.download p{color:var(--muted);font-size:14px}.site-footer{border-top:1px solid var(--line);margin-top:30px;padding:32px 0;font-size:12px;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.site-footer a{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.notice{font-size:12px;color:var(--muted)}@media(max-width:1000px){.hero{gap:28px}.article-layout{grid-template-columns:160px minmax(0,1fr);gap:28px}.tutorial-topbar{padding:14px 24px}.tutorial-topbar nav{gap:15px}.hero{padding-top:50px}.hero h1{font-size:45px}}@media(max-width:760px){html{scroll-padding-top:125px}.shell{padding:0 20px}.tutorial-topbar{padding:12px 20px;flex-wrap:wrap;gap:8px}.tutorial-topbar nav{gap:16px;font-size:12px;flex-wrap:wrap}.brand img{width:75px;height:30px}.hero{grid-template-columns:1fr;gap:26px;padding:40px 0}.hero h1{font-size:clamp(36px,7.5vw,48px)}.intro{font-size:16px}.hero-map{padding:22px}.quickfacts{grid-template-columns:1fr;margin-bottom:35px}.fact{padding:14px 20px}.fact+.fact{border-left:0;border-top:1px solid var(--line)}.article-layout{display:block}.toc{position:static;border-bottom:1px solid var(--line);margin-bottom:35px}.toc-links{display:flex;flex-wrap:wrap;gap:2px 16px}.toc a{font-size:12px}.cards,.scenario{grid-template-columns:1fr}.demo{padding:18px}.demo-state{gap:8px}.demo-state div{padding:10px}.demo-state strong{font-size:19px}section{margin-bottom:45px}.callout{padding:16px}pre{padding:16px;font-size:11px}th,td{padding:12px}.download{padding:22px}.actions .button{flex-grow:1}.site-footer{padding:25px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}@media print{.tutorial-topbar,.toc,.demo,.copy,.actions,.site-footer{display:none}.hero{display:block;padding:0}.hero-map{display:none}.article-layout{display:block}body{background:#fff;color:#000}h1,h2,h3,strong,p,li{color:#000!important}pre{white-space:pre-wrap;color:#000}.codebox,.callout,.table-scroll{break-inside:avoid}a{color:#164d26}section{margin-bottom:28px}}.zlc{--lc-accent:#92c73e}