:root{--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--step-mono:.9375rem;--step--3:.76rem;--step--2:.84rem;--step--1:clamp(.92rem, .88rem + .16vw, 1rem);--step-0:clamp(1rem, .95rem + .22vw, 1.125rem);--step-1:clamp(1.25rem, 1.12rem + .5vw, 1.55rem);--step-2:clamp(1.6rem, 1.35rem + .9vw, 2.15rem);--step-3:clamp(2.15rem, 1.7rem + 1.8vw, 3.45rem);--radius-control:.625rem;--radius-sm:.75rem;--radius:1rem;--radius-lg:1.5rem;--radius-pill:999px;--weight-regular:400;--weight-medium:500;--weight-strong:600;--content:70rem;--reading:48rem;--reading-wide:66rem;--scenario:54rem;--tap:2.75rem;--ease:cubic-bezier(.2, 0, 0, 1);--fast:.15s;--terminal-bg:#1c2723;--terminal-border:#33413b;--terminal-rule:#415049;--terminal-ink:#f2f5ed;--terminal-muted:#c9d7ce}*,:before,:after{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-size:var(--step-0);text-rendering:optimizelegibility;margin:0;line-height:1.75}a{color:var(--leaf-dark);text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--focus)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:.25rem}img,svg{max-width:100%}button,input{font:inherit}h1,h2,h3{font-weight:var(--weight-strong);text-wrap:balance;line-height:1.22}h1{letter-spacing:-.02em}strong,b{font-weight:var(--weight-strong)}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}p{text-wrap:pretty}mark{background:color-mix(in srgb, var(--amber) 32%, transparent);color:inherit;border-radius:.2em;padding:.05em .18em}.skip-link{z-index:20;background:var(--ink);color:var(--paper);border-radius:var(--radius-sm);padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.muted{color:var(--ink-soft)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{width:min(calc(100% - 2rem), var(--content));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent)}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.brand{color:var(--ink);font-weight:var(--weight-strong);text-decoration:none}.nav-links{align-items:center;gap:clamp(.75rem,3vw,1.75rem);display:flex}.nav-links a{min-height:var(--tap);color:var(--ink-soft);font-size:var(--step--1);font-weight:var(--weight-medium);align-items:center;text-decoration:none;display:inline-flex}.nav-links a[aria-current=page]{color:var(--leaf-dark);text-underline-offset:.5rem;text-decoration:underline}.theme-toggle{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:var(--step--1);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:border-color var(--fast) var(--ease);align-items:center;gap:.5rem;padding:.5rem .75rem;display:inline-flex}.theme-toggle:hover{border-color:var(--leaf)}.theme-icon{background:linear-gradient(90deg,currentColor 50%,#0000 50%);border:2px solid;border-radius:50%;width:.75rem;height:.75rem}main{min-height:calc(100svh - 13rem)}.site-footer{border-top:1px solid var(--line);margin-top:6rem}.footer-inner{color:var(--ink-soft);font-size:var(--step--1);justify-content:space-between;gap:1rem;padding-block:2rem;display:flex}.hero{padding-block:clamp(4.5rem,11vw,9rem)}.hero h1{max-width:13ch;margin:.5rem 0 1.25rem}.hero p:not(.eyebrow){max-width:34rem;color:var(--ink-soft);font-size:var(--step-1)}.section{padding-block:clamp(3rem,7vw,6rem)}.section+.section{border-top:1px solid var(--line)}.section-heading{max-width:36rem;margin-bottom:2rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.page-header{padding-block:4rem 2rem}.page-header h1{max-width:18ch;margin:.25rem 0 .75rem}.page-header p{max-width:40rem;color:var(--ink-soft)}.reading{width:min(100%, var(--reading));margin-inline:auto;padding-inline:1rem}.article.reading{width:min(100%, var(--reading-wide))}:where(.article)>:where(:not(.wide)){width:min(100%, var(--reading));margin-inline:auto}@media (width<=44rem){.hero h1{max-width:none}.nav{flex-wrap:wrap;align-items:center;padding-block:.8rem}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.25rem}.nav-links a{padding-inline:.5rem}.theme-toggle{margin-left:auto}.card-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}}:is(.kicker,.eyebrow,.visual-label){font-size:var(--step--3);font-weight:var(--weight-medium);letter-spacing:.02em}.eyebrow{color:var(--leaf-dark)}.pill{border-radius:var(--radius-pill)}.tap{min-height:var(--tap);align-items:center;display:inline-flex}.note{color:var(--ink-soft);font-size:var(--step--1)}.lede{border-left:3px solid var(--leaf);color:var(--leaf-dark);font-size:var(--step-1);font-weight:var(--weight-strong);margin:0;padding-left:1rem}.button{min-height:var(--tap);border:1px solid var(--leaf);border-radius:var(--radius-control);background:var(--leaf);color:var(--paper);font-weight:var(--weight-strong);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--leaf-dark);color:var(--paper)}.button.secondary{color:var(--leaf-dark);background:0 0}.button.secondary:hover{background:var(--leaf-pale)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:10rem;color:var(--ink);transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);padding:1.5rem;text-decoration:none;display:block}.card:hover{border-color:var(--leaf);background:color-mix(in srgb, var(--leaf) 4%, var(--surface));color:var(--ink)}.card :is(h2,h3){font-size:var(--step-1);margin:.25rem 0 .5rem}.card p{color:var(--ink-soft);margin:0}:is(.panel,.callout){--tone:var(--line);--tone-bg:initial}[data-tone=leaf]{--tone:var(--leaf);--tone-bg:var(--leaf-pale)}[data-tone=amber]{--tone:var(--amber);--tone-bg:color-mix(in srgb, var(--amber) 9%, var(--surface))}[data-tone=blue]{--tone:var(--blue)}.panel{border:1px solid color-mix(in srgb, var(--tone) 70%, var(--line));border-radius:var(--radius);background:var(--tone-bg,var(--surface));padding:1.25rem 1.5rem}.panel[data-surface=soft]{background:var(--surface-soft)}.panel>:is(h2,h3):first-child{margin-top:0}.callout{border-left:4px solid var(--tone);border-radius:0 var(--radius) var(--radius) 0;background:var(--tone-bg,var(--surface-soft));padding:1rem 1.25rem}.visual{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);margin-block:2.25rem;padding:clamp(1rem,4vw,2rem)}.visual-label{color:var(--ink-soft);margin:0 0 1rem}.concept-row{align-items:stretch;gap:.75rem;display:flex}.concept-node{border-radius:var(--radius);background:var(--surface-soft);text-align:center;flex:1 1 0;place-items:center;min-height:7.5rem;padding:1rem;display:grid}.concept-node strong{display:block}.concept-node small{color:var(--ink-soft)}.concept-arrow{text-align:center;color:var(--leaf);align-self:center;font-size:1.5rem}.system-lanes{gap:1rem;display:grid}.system-lane{grid-template-columns:8rem minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.lane-title{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ink) 7%, var(--surface));color:var(--ink);font-weight:var(--weight-strong);text-align:center;place-items:center;padding:.75rem;display:grid}.lane-flow{align-items:stretch;gap:.5rem;min-width:0;display:flex}.system-node{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);flex-direction:column;flex:9rem;justify-content:center;min-width:0;min-height:6.5rem;padding:1rem;display:flex}.system-node small{color:var(--ink-soft)}.system-node strong{margin-block:.25rem}.system-node span{color:var(--ink-soft);font-size:var(--step--2)}.system-node.local{border-color:color-mix(in srgb, var(--leaf) 55%, var(--line))}.system-node.agent{border-color:color-mix(in srgb, var(--blue) 60%, var(--line));background:color-mix(in srgb, var(--blue) 7%, var(--surface))}.system-node.remote{border-color:color-mix(in srgb, var(--amber) 65%, var(--line));background:color-mix(in srgb, var(--amber) 8%, var(--surface))}.system-node.result{border-color:color-mix(in srgb, var(--leaf) 70%, var(--line));background:var(--leaf-pale)}.system-arrow{color:var(--leaf);flex:none;align-self:center;font-size:1.25rem}.terminal{border:1px solid var(--terminal-border);border-radius:var(--radius);background:var(--terminal-bg);color:var(--terminal-ink);overflow:hidden}.terminal-title{border-bottom:1px solid var(--terminal-rule);color:var(--terminal-muted);padding:.75rem 1rem}.terminal-label{border-bottom:1px solid var(--terminal-rule);color:var(--terminal-muted);margin:0;padding:.75rem 1rem}.terminal pre{font:var(--weight-medium) var(--step-mono)/1.7 var(--font-mono);white-space:pre-wrap;margin:0;padding:1rem;overflow-x:auto}.impact{background:var(--leaf-pale);color:var(--leaf-dark);font-size:var(--step--2);font-weight:var(--weight-medium);margin-top:1rem;padding:.25rem .75rem;display:inline-flex}.tree{border-radius:var(--radius);background:var(--surface-soft);font-family:var(--font-mono);padding:1rem;line-height:1.9}.tree-entry{align-items:center;gap:.5rem;display:flex}.tree-entry.nested{padding-left:1.5rem}.tree-branch{color:var(--ink-soft);padding-left:1rem}.tree-icon{fill:none;width:1rem;height:1rem;stroke:var(--ink-soft);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}.permission-box{max-width:32rem;margin-inline:auto}.permission-files{background:var(--surface-soft);border-radius:var(--radius-sm);padding:.75rem 1rem}.permission-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.mock-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);padding:.5rem 1rem}.mock-button.primary{border-color:var(--leaf);background:var(--leaf);color:var(--paper)}.flow{text-align:center;justify-items:center;gap:.5rem;max-width:34rem;margin:auto;display:grid}.flow-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;padding:.75rem 1rem}.flow-arrow{color:var(--ink-soft)}.flow-note{margin:1rem 0 0}.task-flow{gap:.5rem;margin-block:2rem;padding:0;list-style:none;display:grid}.task-step{--tone:var(--line);border-left:4px solid var(--tone);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-soft);grid-template-columns:6.5rem minmax(0,1fr);align-items:start;gap:1rem;padding:.75rem 1rem;display:grid}.task-step[data-tone=leaf]{--tone:var(--leaf)}.task-step[data-tone=amber]{--tone:var(--amber)}.task-step[data-tone=blue]{--tone:var(--blue)}.task-actor{color:var(--ink-soft);padding-top:.25rem}.task-kind{margin-top:.25rem;display:block}.task-step-body p{margin:0}.task-step-body .task-refs{color:var(--ink-soft);font-size:var(--step--1);margin-top:.5rem}.task-refs a{font-weight:var(--weight-medium)}@media (width<=52rem){.system-lane{grid-template-columns:1fr}.lane-title{text-align:left;place-items:start}.lane-flow{flex-direction:column}.system-arrow{transform:rotate(90deg)}}@media (width<=36rem){.concept-row{flex-direction:column}.concept-arrow{transform:rotate(90deg)}.task-step{grid-template-columns:1fr;gap:.25rem}}.lesson{padding-top:clamp(2.5rem,6vw,5rem)}.lesson-meta{color:var(--ink-soft);font-size:var(--step--1);align-items:center;gap:.75rem;display:flex}.lesson-role{background:var(--leaf-pale);color:var(--leaf-dark);font-size:var(--step--3);font-weight:var(--weight-medium);letter-spacing:.02em;margin-top:.5rem;padding:.125rem .5rem;display:inline-flex}.lesson h1{margin:.5rem 0 1rem}.lesson-context{color:var(--ink-soft);font-size:var(--step-0);margin:0 0 .8rem}.lesson-prerequisites{margin:1rem 0 0}.search-alias{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.path-context{margin-bottom:2rem;padding:1rem 1.25rem}.path-context p{margin:0}.path-context>p:first-child{font-size:var(--step--1);margin-bottom:.75rem}.path-progress{justify-content:space-between;gap:1rem;display:flex}.path-progress span{color:var(--ink-soft)}.path-context-links{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:.8rem;padding-top:.8rem;display:flex}.lesson details{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft);margin-block:1rem;padding:0 1.25rem}.lesson summary{min-height:var(--tap);cursor:pointer;font-weight:var(--weight-strong);color:var(--leaf-dark);align-items:center;padding-block:.5rem;list-style:none;display:flex}.lesson summary::-webkit-details-marker{display:none}.lesson summary:before{content:"▸";content:"▸" / "";margin-right:.5rem}.lesson details[open] summary:before{content:"▾";content:"▾" / ""}.lesson details[open]{padding-bottom:.9rem}.lesson-body{color:var(--ink-soft);margin-block:2rem}.lesson-next{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;display:flex}.term-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.term-list li{border:1px solid var(--line);color:var(--ink-soft);font-size:var(--step--2);padding:.25rem .75rem}.takeaway{margin-block:2rem}.takeaway p{font-weight:var(--weight-strong);margin:.25rem 0 0}.follow-up{margin-block:2rem}.path-steps{counter-reset:path;padding:0;list-style:none}.path-steps li{counter-increment:path;border-bottom:1px solid var(--line);grid-template-columns:2.5rem 1fr;gap:1rem;padding-block:1.25rem;display:grid}.path-steps li:before{content:counter(path);background:var(--leaf-pale);width:2.25rem;height:2.25rem;color:var(--leaf-dark);font-weight:var(--weight-strong);border-radius:50%;place-items:center;display:grid}.path-steps a{font-weight:var(--weight-strong)}.path-steps p{margin:.5rem 0 0}.scenario{width:min(100%, var(--scenario));border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:2.5rem auto;padding:clamp(1.25rem,4vw,2rem)}.scenario-kicker{color:var(--leaf-dark);margin:0 0 .25rem}.scenario h2{font-size:var(--step-2);margin:0 0 1rem}.scenario h3{font-size:var(--step-1);margin-top:1.5rem}.scenario blockquote{border-left:4px solid var(--leaf);background:var(--surface-soft);font-weight:var(--weight-medium);margin:0;padding:1rem 1.25rem}.scenario ol,.scenario ul{padding-left:1.5rem}.scenario li+li,.example-prose p+p{margin-top:.75rem}.scenario-result{font-weight:var(--weight-strong)}.scenario .scenario-boundary{margin-top:1.5rem}.other-agent-note{font-weight:var(--weight-strong)}.lesson-contrast .scenario{background:0 0;border-inline:0;border-radius:0}.lesson-contrast .scenario blockquote{border-left-color:var(--blue)}.prompt-audience{margin:0}@media (width<=36rem){.path-progress,.path-context-links{flex-direction:column}}