chore: publish 79920c9

Built from main 79920c9e6c feat: give the chapters motion, diagrams, and retrieval practice
2026-09-06 16:26:38 -03:00
parent 7ec41b8cf5
commit 2cda37b553
25 changed files with 72 additions and 28 deletions
@@ -0,0 +1 @@
 .top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;max-width:1400px;margin-inline:auto;padding-block:24px;padding-inline:5vw;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}@media(max-width:520px){.top[data-astro-cid-xattfbdu]{padding-inline:16px}}.footer[data-astro-cid-bmvnf73n]{max-width:1400px;margin-inline:auto;padding-block:30px 70px;padding-inline:5vw;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase;transition:color var(--dur-press) var(--ease-out),background-color var(--dur-press) var(--ease-out),transform var(--dur-press) var(--ease-out)}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.links[data-astro-cid-bmvnf73n] a:active{transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.links[data-astro-cid-bmvnf73n] a{transition:none}}@media(max-width:520px){.footer[data-astro-cid-bmvnf73n]{padding-inline:16px}}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
@@ -0,0 +1 @@
 .draw-line[data-astro-cid-n6ozym62]{--draw-height: 120px;display:block;width:auto;max-width:100%;height:var(--draw-height);margin-top:28px;overflow:visible}.draw-line[data-astro-cid-n6ozym62] path[data-astro-cid-n6ozym62]{fill:none;stroke:var(--line);stroke-width:1}@media(max-width:800px){.draw-line[data-astro-cid-n6ozym62]{height:48px;margin-top:18px}}.flow[data-astro-cid-ld3fmquo]{--flow-gutter: 64px;--flow-pad: 20px;margin:0;padding:0;list-style:none}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]{position:relative}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]+li[data-astro-cid-ld3fmquo]{padding-top:34px}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]+li[data-astro-cid-ld3fmquo]:before{content:"";position:absolute;top:0;left:calc(var(--flow-pad) + var(--flow-gutter) / 2);width:1px;height:24px;background:var(--muted)}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]+li[data-astro-cid-ld3fmquo]:after{content:"";position:absolute;top:22px;left:calc(var(--flow-pad) + var(--flow-gutter) / 2 - 5px);border-right:5px solid transparent;border-left:5px solid transparent;border-top:8px solid var(--gold)}.flow[data-astro-cid-ld3fmquo] article[data-astro-cid-ld3fmquo]{display:grid;grid-template-columns:var(--flow-gutter) 1fr;gap:20px;padding:var(--flow-pad);background:var(--paper);border:1px solid var(--line)}.flow[data-astro-cid-ld3fmquo] b[data-astro-cid-ld3fmquo]{text-align:center;color:var(--red);font:var(--step-20) / 1 var(--font-mono)}.flow[data-astro-cid-ld3fmquo] strong[data-astro-cid-ld3fmquo]{display:block}.flow[data-astro-cid-ld3fmquo] span[data-astro-cid-ld3fmquo]{color:var(--muted)}@media(max-width:560px){.flow[data-astro-cid-ld3fmquo]{--flow-gutter: 45px;--flow-pad: 16px}.flow[data-astro-cid-ld3fmquo] article[data-astro-cid-ld3fmquo]{gap:12px}}
@@ -0,0 +1 @@
 .pipeline[data-astro-cid-lxoypzh2]>.panel[data-astro-cid-lxoypzh2]{min-width:0}.pipeline[data-astro-cid-lxoypzh2]>.tree-figure[data-astro-cid-lxoypzh2]{grid-column:1 / -1;margin-top:20px}
@@ -1 +1 @@
-body{font-family:var(--font-sans)}button,input,textarea,select{font:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}a{text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .18s cubic-bezier(.2,0,0,1),text-decoration-color .18s cubic-bezier(.2,0,0,1)}a:hover{text-decoration-color:currentcolor}@media(prefers-reduced-motion:reduce){a{transition:none}}
+body{font-family:var(--font-sans)}button,input,textarea,select{font:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}a{text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .18s cubic-bezier(.2,0,0,1),text-decoration-color .18s cubic-bezier(.2,0,0,1)}a:hover{text-decoration-color:currentcolor}@media(prefers-reduced-motion:reduce){a{transition:none}}@media(width>=2560px){body{zoom:1.5}}@media(width>=3840px){body{zoom:1.75}}
@@ -0,0 +1 @@
 :root{--ink:#122534;--paper:#f6f3ed;--line:#d0d5d2;--muted:#65717a;--blue:#215675;--gold:#ebbf58;--red:#a7483f;--font-sans:manrope,arial,sans-serif;--font-mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--font-sans)}main{max-width:1400px;margin:auto;padding:0 5vw}.top{display:flex;justify-content:space-between;gap:20px;max-width:1400px;margin-inline:auto;padding:24px 5vw;border-bottom:1px solid var(--line);font:700 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top a{color:var(--ink);text-decoration:none}.hero{padding:100px 0 70px;max-width:950px}.eyebrow{color:var(--red);font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}.hero h1 em,h2 em{font:400 .9em Georgia,serif;color:var(--red)}.hero p{max-width:680px;color:var(--muted);font-size:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:100px}.card{min-height:220px;padding:28px;background:var(--paper)}.card b{color:var(--red);font:24px var(--font-mono)}.card h2{margin:18px 0 8px;font-size:25px;letter-spacing:-.04em}.card p{margin:0 0 14px;color:var(--muted)}.card a{color:var(--blue);font-weight:700}.model,.pipeline,.practice{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:80px 0;border-top:1px solid var(--line)}.model h2,.pipeline h2,.practice h2{margin:0;font-size:clamp(34px,5vw,70px);line-height:.95;letter-spacing:-.06em}.panel{padding:28px;background:var(--ink);color:var(--paper)}.panel strong{display:block;color:var(--gold);font:700 12px var(--font-mono);letter-spacing:.1em}.panel code{display:block;margin-top:18px;color:#d6e1e4;font:14px/1.8 var(--font-mono);white-space:pre-wrap}.steps{display:grid;gap:1px;background:var(--line)}.steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px;background:var(--paper)}.steps b{color:var(--red);font:20px var(--font-mono)}.steps strong{display:block}.steps span{color:var(--muted)}.links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:11px var(--font-mono);text-transform:uppercase}.links a:hover{color:var(--paper);background:var(--ink)}footer{padding:30px 0 70px;color:var(--muted);font-size:13px}@media(max-width:800px){.grid,.model,.pipeline,.practice{grid-template-columns:1fr}.hero{padding:65px 0 45px}.model,.pipeline,.practice{gap:25px;padding:55px 0}}@media(max-width:520px){main{padding:0 16px}.top{padding-inline:16px}.top span{display:none}.hero h1{font-size:56px}.hero p{font-size:17px}.card{min-height:0}.steps article{grid-template-columns:45px 1fr}}
@@ -1 +0,0 @@
 :root{--ink:#122534;--paper:#f6f3ed;--line:#d0d5d2;--muted:#65717a;--blue:#215675;--gold:#ebbf58;--red:#a7483f;--font-sans:manrope,arial,sans-serif;--font-mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--font-sans)}main{max-width:1400px;margin:auto;padding:0 5vw}.top{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top a{color:var(--ink);text-decoration:none}.hero{padding:100px 0 70px;max-width:950px}.eyebrow{color:var(--red);font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}.hero h1 em,h2 em{font:400 .9em Georgia,serif;color:var(--red)}.hero p{max-width:680px;color:var(--muted);font-size:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:100px}.card{min-height:220px;padding:28px;background:var(--paper)}.card b{color:var(--red);font:24px var(--font-mono)}.card h2{margin:18px 0 8px;font-size:25px;letter-spacing:-.04em}.card p{margin:0 0 14px;color:var(--muted)}.card a{color:var(--blue);font-weight:700}.model,.pipeline,.practice{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:80px 0;border-top:1px solid var(--line)}.model h2,.pipeline h2,.practice h2{margin:0;font-size:clamp(34px,5vw,70px);line-height:.95;letter-spacing:-.06em}.panel{padding:28px;background:var(--ink);color:var(--paper)}.panel strong{display:block;color:var(--gold);font:700 12px var(--font-mono);letter-spacing:.1em}.panel code{display:block;margin-top:18px;color:#d6e1e4;font:14px/1.8 var(--font-mono);white-space:pre-wrap}.steps{display:grid;gap:1px;background:var(--line)}.steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px;background:var(--paper)}.steps b{color:var(--red);font:20px var(--font-mono)}.steps strong{display:block}.steps span{color:var(--muted)}.links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:11px var(--font-mono);text-transform:uppercase}.links a:hover{color:var(--paper);background:var(--ink)}footer{padding:30px 0 70px;color:var(--muted);font-size:13px}@media(max-width:800px){.grid,.model,.pipeline,.practice{grid-template-columns:1fr}.hero{padding:65px 0 45px}.model,.pipeline,.practice{gap:25px;padding:55px 0}}@media(max-width:520px){main{padding:0 16px}.top span{display:none}.hero h1{font-size:56px}.hero p{font-size:17px}.card{min-height:0}.steps article{grid-template-columns:45px 1fr}}
@@ -0,0 +1 @@
 .grid[data-astro-cid-65v63m4u]{--columns: 3;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1px;background:var(--line)}.grid[data-astro-cid-65v63m4u]>*{background:var(--paper)}@media(max-width:800px){.grid[data-astro-cid-65v63m4u]{grid-template-columns:1fr}}.card[data-astro-cid-4yogs2gu]{display:flex;min-width:0;flex-direction:column;min-height:220px;padding:28px;background:var(--paper)}.card[data-astro-cid-4yogs2gu] b[data-astro-cid-4yogs2gu]{color:var(--red);font-size:var(--step-24);font-family:ui-monospace,monospace}.card[data-astro-cid-4yogs2gu] h2[data-astro-cid-4yogs2gu]{margin:18px 0 8px;font-size:var(--step-25);letter-spacing:-.04em}.card[data-astro-cid-4yogs2gu] p[data-astro-cid-4yogs2gu]{margin:0 0 14px;color:var(--muted)}.card[data-astro-cid-4yogs2gu] a[data-astro-cid-4yogs2gu]{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none}.card[data-astro-cid-4yogs2gu] a[data-astro-cid-4yogs2gu]:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.card[data-astro-cid-4yogs2gu]{min-height:0}}.guide-launch[data-astro-cid-j7pv25f6]{display:inline-flex;gap:14px;align-items:center;margin-top:20px;padding:12px 16px;background:var(--ink);color:var(--paper);font:700 var(--step-12) var(--font-mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .2s ease}.guide-launch[data-astro-cid-j7pv25f6]:hover{transform:translateY(-3px);background:var(--blue)}.guide-launch[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:var(--gold);font-size:var(--step-22);line-height:0}.landing-note[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;margin:0 0 70px;padding:25px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.landing-note[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:var(--red);font:700 var(--step-0) var(--font-mono);letter-spacing:.1em}.landing-note[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{font-size:var(--step-4);line-height:1.08;letter-spacing:-.04em}@media(max-width:560px){.landing-note[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:9px;margin-bottom:45px}}@media(prefers-reduced-motion:reduce){.guide-launch[data-astro-cid-j7pv25f6]{transition:none}.guide-launch[data-astro-cid-j7pv25f6]:hover{transform:none}}
@@ -0,0 +1 @@
 .model[data-astro-cid-wmd6b3pc]>.panel[data-astro-cid-wmd6b3pc]{min-width:0}
@@ -0,0 +1 @@
@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.reveal{animation:reveal-rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}.parallax-near{animation:parallax-near linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.parallax-far{animation:parallax-far linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.depth-slow{animation:depth-slow linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.depth-fast{animation:depth-fast linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.draw-line path{stroke-dasharray:100;stroke-dashoffset:100;animation:line-draw linear both;animation-timeline:view();animation-range:cover 40% cover 75%}}.rise-in{animation:load-rise var(--dur-rise) var(--ease-out) both}}@keyframes reveal-rise{0%{opacity:.01;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes parallax-near{0%{transform:translateY(0)}to{transform:translateY(14px)}}@keyframes parallax-far{0%{transform:translateY(0)}to{transform:translateY(30px)}}@keyframes depth-slow{0%{transform:translateY(38px)}to{transform:translateY(-38px)}}@keyframes depth-fast{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes line-draw{to{stroke-dashoffset:0}}@keyframes load-rise{0%{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.reveal,.parallax-near,.parallax-far,.depth-slow,.depth-fast,.rise-in{animation:none}.draw-line path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}
@@ -0,0 +1 @@
 .catalog>aside{position:sticky;top:24px;display:flex;flex-direction:column;align-self:start;max-height:calc(100dvh - 48px);overflow:hidden}#skill-list{min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--blue) var(--paper)}#skill-list button,.file-tabs button,.switch button,.preview button{transition:color .18s cubic-bezier(.2,0,0,1),background-color .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}#skill-list button:hover,#skill-list button:focus-visible{transform:translate(3px)}.detail>*{animation:review-detail-in .2s cubic-bezier(.2,0,0,1) both}.detail a,.research a{text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.detail a:hover,.research a:hover{text-decoration-color:currentColor}@keyframes review-detail-in{0%{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.catalog>aside{position:static;max-height:none}#skill-list{max-height:50dvh}}@media(prefers-reduced-motion:reduce){#skill-list button,.file-tabs button,.switch button,.preview button{transition:none}.detail>*{animation:none}}
@@ -0,0 +1 @@
 .grid[data-astro-cid-wrac2jwd]{--columns: 3;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:100px}.grid[data-astro-cid-wrac2jwd]>.card{min-height:220px;padding:28px;background:var(--paper)}.grid[data-astro-cid-wrac2jwd]>.card b{color:var(--red);font-size:clamp(24px,24px,24px);font-family:ui-monospace,monospace}.grid[data-astro-cid-wrac2jwd]>.card h2{margin:18px 0 8px;font-size:clamp(25px,25px,25px);letter-spacing:-.04em}.grid[data-astro-cid-wrac2jwd]>.card p{margin:0 0 14px;color:var(--muted)}.grid[data-astro-cid-wrac2jwd]>.card a{color:var(--blue);font-weight:700}@media(max-width:800px){.grid[data-astro-cid-wrac2jwd]{grid-template-columns:1fr}}@media(max-width:560px){.grid[data-astro-cid-wrac2jwd]>.card{min-height:0}}
@@ -1 +1 @@
-:root{--accent: #7c78a8;--blue: #527f9f;--deep: #102536;--gold: #efc76b;--ink: #172f42;--line: #d8dee2;--muted: #697b89;--paper: #f5f4f1;--red: #a7483f;--violet: #6b668f;--font-sans: manrope, arial, sans-serif;--font-mono: "DM Mono", monospace;--step-display: clamp(56px, 9vw, 126px);--step-6: clamp(36px, 5vw, 65px);--step-5: clamp(24px, 3vw, 38px);--step-4: clamp(22px, 3vw, 36px);--step-48: 48px;--step-32: 32px;--step-30: 30px;--step-25: 25px;--step-24: 24px;--step-22: 22px;--step-20: 20px;--step-18: 18px;--step-17: 17px;--step-16: 16px;--step-1: 15px;--step-14: 14px;--step-13: 13px;--step-12: 12px;--step-0: 11px;--step-00: 10px;--step-09: 9px;--step-08: 8px;--step-42: 42px;--step-code: 10.5px;--step-exercise-title: clamp(20px, 2.6vw, 34px);--step-skill-title: clamp(30px, 4vw, 60px);--step-pull-quote: clamp(20px, 2.5vw, 34px);--step-display-wide: clamp(150px, 7vw, 220px);--ink-muted: #9eb0bb;--ink-line: #b8c8d2;--ink-code: #c9d5dc;--accent-paper: #eceaf5;--accent-paper-active: #f0eef8;--accent-surface: #5b7098;--white-14: rgb(255 255 255 / 14.1176%);--white-23: rgb(255 255 255 / 22.7451%);--white-25: rgb(255 255 255 / 25.098%);--white-31: rgb(255 255 255 / 31.3725%);--guide-toolbar-text: #9eabb4;--guide-panel-blue: #244760;--guide-worker-detail-surface: #edf0f1;--guide-tree-rule: #41596b;--guide-code-surface: #0b1b27;--guide-tree-shadow: #081621;--guide-live: #80c69a;--guide-live-glow: #80c69a22;--guide-grid-line: #ffffff06;--guide-tree-border: #527085;--guide-tree-node: #112a3b;--guide-tree-node-label: #8ca1af;--guide-tree-node-muted: #a9b6be;--guide-tree-node-hover: #1c425a;--guide-gold-glow: #efc76b18;--guide-tree-detail-text: #aebbc3;--guide-phase-hover: #e8ecee;--guide-meter-border: #496274;--guide-route-copy: #b5c0c7;--guide-skill-hover: #315f80;--guide-skill-copy: #c4cdd3;--guide-skill-index-hover: #eceff0;--guide-provider-copy: #cbd9e1;--guide-provider-detail-copy: #b7c7d1;--guide-provider-rule: #ffffff2b;--guide-effort-surface: #18364a;--guide-effort-copy: #aebfc9;--guide-effort-active: #e9ecee;--guide-effort-active-copy: #eeedf6;--guide-builder-surface: #132b3b;--guide-builder-rule: #ffffff30;--guide-builder-action-copy: #d5dde2;--guide-builder-copy: #a9bcc8;--guide-builder-border: #344c5d;--guide-builder-live-glow: #80c69a20;--guide-builder-code: #bed0dc;--guide-builder-grid: #ffffff05;--guide-verify-rule: #ffffff1f;--guide-verify-copy: #bfccd4;--guide-verify-code: #0f2230;--guide-verify-code-border: #2a4150;--guide-accent-rule: #ffffff42;--guide-accent-note: #6c6898;--guide-accent-copy: #f1f0f7;--guide-install-rule: #ffffff2d;--guide-install-copy: #b9c8d1;--guide-control-border: #ffffff50;--guide-exercise-copy: #afbec7;--guide-prompt-surface: #19364a;--guide-prompt-enhanced: #596f9a;--guide-prompt-rule: #ffffff32;--guide-prompt-enhanced-copy: #e5e3ef;--bp-sm: 560px;--bp-md: 800px;--bp-lg: 1100px;--bp-xl: 1600px;--bp-2xl: 2200px}
+:root{--accent: #7c78a8;--blue: #527f9f;--deep: #102536;--gold: #efc76b;--ink: #172f42;--line: #d8dee2;--muted: #697b89;--paper: #f5f4f1;--red: #a7483f;--violet: #6b668f;--font-sans: manrope, arial, sans-serif;--font-mono: "DM Mono", monospace;--step-display: clamp(56px, 9vw, 126px);--step-6: clamp(36px, 5vw, 65px);--step-5: clamp(24px, 3vw, 38px);--step-4: clamp(22px, 3vw, 36px);--step-48: 48px;--step-32: 32px;--step-30: 30px;--step-25: 25px;--step-24: 24px;--step-22: 22px;--step-20: 20px;--step-18: 18px;--step-17: 17px;--step-16: 16px;--step-1: 15px;--step-14: 14px;--step-13: 13px;--step-12: 12px;--step-0: 11px;--step-00: 10px;--step-09: 9px;--step-08: 8px;--step-42: 42px;--step-code: 10.5px;--step-exercise-title: clamp(20px, 2.6vw, 34px);--step-skill-title: clamp(30px, 4vw, 60px);--step-pull-quote: clamp(20px, 2.5vw, 34px);--step-display-wide: clamp(150px, 7vw, 220px);--ink-muted: #9eb0bb;--ink-line: #b8c8d2;--ink-code: #c9d5dc;--accent-paper: #eceaf5;--accent-paper-active: #f0eef8;--accent-surface: #5b7098;--white-14: rgb(255 255 255 / 14.1176%);--white-23: rgb(255 255 255 / 22.7451%);--white-25: rgb(255 255 255 / 25.098%);--white-31: rgb(255 255 255 / 31.3725%);--guide-toolbar-text: #9eabb4;--guide-panel-blue: #244760;--guide-worker-detail-surface: #edf0f1;--guide-tree-rule: #41596b;--guide-code-surface: #0b1b27;--guide-tree-shadow: #081621;--guide-live: #80c69a;--guide-live-glow: #80c69a22;--guide-grid-line: #ffffff06;--guide-tree-border: #527085;--guide-tree-node: #112a3b;--guide-tree-node-label: #8ca1af;--guide-tree-node-muted: #a9b6be;--guide-tree-node-hover: #1c425a;--guide-gold-glow: #efc76b18;--guide-tree-detail-text: #aebbc3;--guide-phase-hover: #e8ecee;--guide-meter-border: #496274;--guide-route-copy: #b5c0c7;--guide-skill-hover: #315f80;--guide-skill-copy: #c4cdd3;--guide-skill-index-hover: #eceff0;--guide-provider-copy: #cbd9e1;--guide-provider-detail-copy: #b7c7d1;--guide-provider-rule: #ffffff2b;--guide-effort-surface: #18364a;--guide-effort-copy: #aebfc9;--guide-effort-active: #e9ecee;--guide-effort-active-copy: #eeedf6;--guide-builder-surface: #132b3b;--guide-builder-rule: #ffffff30;--guide-builder-action-copy: #d5dde2;--guide-builder-copy: #a9bcc8;--guide-builder-border: #344c5d;--guide-builder-live-glow: #80c69a20;--guide-builder-code: #bed0dc;--guide-builder-grid: #ffffff05;--guide-verify-rule: #ffffff1f;--guide-verify-copy: #bfccd4;--guide-verify-code: #0f2230;--guide-verify-code-border: #2a4150;--guide-accent-rule: #ffffff42;--guide-accent-note: #6c6898;--guide-accent-copy: #f1f0f7;--guide-install-rule: #ffffff2d;--guide-install-copy: #b9c8d1;--guide-control-border: #ffffff50;--guide-exercise-copy: #afbec7;--guide-prompt-surface: #19364a;--guide-prompt-enhanced: #596f9a;--guide-prompt-rule: #ffffff32;--guide-prompt-enhanced-copy: #e5e3ef;--ease-out: cubic-bezier(.2, 0, 0, 1);--dur-press: .16s;--dur-rise: .2s;--bp-sm: 560px;--bp-md: 800px;--bp-lg: 1100px;--bp-xl: 1600px;--bp-2xl: 2200px}
@@ -1,2 +1,8 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Agents and trees</title><meta name="description" content="Agents work when roles, files, and evidence are bounded. A worktree gives each worker its own checkout while the orchestrator protects intent."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.CVOStimI.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.Dfo_cwQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.Bvwgp4pJ.css"><style>.top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}.footer[data-astro-cid-bmvnf73n]{padding:30px 0 70px;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Agents and trees</title><meta name="description" content="Agents work when roles, files, and evidence are bounded. A worktree gives each worker its own checkout while the orchestrator protects intent."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.BxNFvepo.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.BX9jSTkZ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.BPlnnXOa.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/motion.DuPi8tKA.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/agents.TiH4HiC7.css">
-</style></head> <body>   <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/summary/">← ROUTE MAP</a></div> <div class="cell" data-astro-cid-xattfbdu><span>02 / AGENTS & TREES</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/full-guide/">field guide ↗</a></div> </header>  <main>     <section class="hero" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Subagent workflow</p>  <h1 data-astro-cid-7xzskqga><span>One branch<br>per <em>hand.</em></span></h1> <div class="intro" data-astro-cid-7xzskqga>  <p>Agents work when roles, files, and evidence are bounded. A worktree gives each worker its own checkout while the orchestrator protects intent.</p> </div>  </section>  <section class="pipeline"> <div> <p class="eyebrow">The tree</p> <h2>Split at<br>the <em>seam.</em></h2> </div> <div class="panel"> <strong>MAIN / ORCHESTRATOR</strong> <code>├── agent/ui → components + visual states · ├── agent/tests → acceptance + regressions · └── agent/docs → guide + examples · merge after each leaf returns a diff and evidence</code> </div> </section> <section class="grid"> <article class="card"> <b>FRAME</b> <h2>Orchestrator</h2> <p>Owns scope, task graph, boundaries, and integration.</p> </article><article class="card"> <b>HAND OFF</b> <h2>Worker</h2> <p>Owns one coherent slice and one worktree.</p> </article><article class="card"> <b>PROVE</b> <h2>Verifier</h2> <p>Re-runs gates and reports remaining gaps.</p> </article> </section> <section class="practice"> <div> <p class="eyebrow">Handoff</p> <h2>Context that<br>can <em>travel.</em></h2> </div> <div class="steps"> <article> <b>01</b> <div> <strong>Brief</strong> <span>Goal, owned files, dependencies, non-goals, acceptance.</span> </div> </article><article> <b>02</b> <div> <strong>Isolation</strong> <span>One branch and worktree per independent change.</span> </div> </article><article> <b>03</b> <div> <strong>Evidence</strong> <span>Commands, result, changed files, screenshots, gaps.</span> </div> </article> </div> </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation"> <a href="/ai-for-dummies/models/">Previous: models →</a> <a href="/ai-for-dummies/rules/">Rules case study →</a> <a href="/ai-for-dummies/hands-on/rules/">Try the rules lab →</a> </nav> </nav> <div class="text" data-astro-cid-bmvnf73n>     </div> </section>   </body></html>
+<link rel="stylesheet" href="/ai-for-dummies/_astro/ChapterHero.DU6N_2z3.css">
 <link rel="stylesheet" href="/ai-for-dummies/_astro/StepFlow.D8D5Or_Q.css">
 <link rel="stylesheet" href="/ai-for-dummies/_astro/WorktreeMap.Dwo7bA_e.css"></head> <body>    <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/summary/" data-astro-cid-lxoypzh2>← ROUTE MAP</a></div> <div class="cell" data-astro-cid-xattfbdu><span data-astro-cid-lxoypzh2>02 / AGENTS & TREES</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/full-guide/" data-astro-cid-lxoypzh2>field guide ↗</a></div> </header>  <main>     <section class="hero rise-in" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Subagent workflow</p>  <h1 class="parallax-near" data-astro-cid-7xzskqga><span data-astro-cid-lxoypzh2>One branch<br>per <em>hand.</em></span></h1> <div class="intro parallax-far" data-astro-cid-7xzskqga>  <p data-astro-cid-lxoypzh2>Agents work when roles, files, and evidence are bounded. A worktree gives each worker its own checkout while the orchestrator protects intent.</p> </div>  </section>  <section class="pipeline reveal" data-astro-cid-lxoypzh2> <div class="depth-slow" data-astro-cid-lxoypzh2> <p class="eyebrow" data-astro-cid-lxoypzh2>The tree</p> <h2 data-astro-cid-lxoypzh2>Split at<br>the <em>seam.</em></h2> <svg class="draw-line" viewBox="0 0 110 110" aria-hidden="true" focusable="false" style="--draw-height: 110px" data-astro-cid-n6ozym62> <path d="M 0.5 0 V 86.5 Q 0.5 109.5 24 109.5 H 110" pathLength="100" data-astro-cid-n6ozym62></path> </svg>  </div> <div class="panel depth-fast" data-astro-cid-lxoypzh2> <strong data-astro-cid-lxoypzh2>MAIN / ORCHESTRATOR</strong> <code data-astro-cid-lxoypzh2>├── agent/ui    → components + visual states
 ├── agent/tests → acceptance + regressions
 └── agent/docs  → guide + examples
 merge after each leaf returns a diff and evidence</code> </div>  <div class="tree-figure" data-astro-cid-lxoypzh2> <div class="tree-stage is-static" data-astro-cid-lsutp3lb> <svg viewBox="0 0 760 330" preserveAspectRatio="none" aria-hidden="true" data-astro-cid-lsutp3lb> <path class="tree-edge trunk" d="M380 48 V118" data-astro-cid-lsutp3lb></path> <path class="tree-edge" d="M380 118 C380 170 110 150 110 224" data-astro-cid-lsutp3lb></path> <path class="tree-edge" d="M380 118 V224" data-astro-cid-lsutp3lb></path> <path class="tree-edge" d="M380 118 C380 170 650 150 650 224" data-astro-cid-lsutp3lb></path> </svg> <div data-astro-cid-lsutp3lb="true" class="tree-node root active"> <span data-astro-cid-lsutp3lb> Orchestrator </span> <strong data-astro-cid-lsutp3lb>main</strong> <small data-astro-cid-lsutp3lb> ● clean </small> </div> <div data-astro-cid-lsutp3lb="true" class="tree-node branch ui">  <span data-astro-cid-lsutp3lb> UI worker </span> <strong data-astro-cid-lsutp3lb>agent/ui</strong> <small data-astro-cid-lsutp3lb> ● working </small>  </div><div data-astro-cid-lsutp3lb="true" class="tree-node branch tests">  <span data-astro-cid-lsutp3lb> Test worker </span> <strong data-astro-cid-lsutp3lb>agent/tests</strong> <small data-astro-cid-lsutp3lb> ● ready </small>  </div><div data-astro-cid-lsutp3lb="true" class="tree-node branch docs">  <span data-astro-cid-lsutp3lb> Docs worker </span> <strong data-astro-cid-lsutp3lb>agent/docs</strong> <small data-astro-cid-lsutp3lb> ● review </small>  </div> </div>  </div> </section> <section class="grid reveal" data-astro-cid-lxoypzh2> <article class="card" data-astro-cid-lxoypzh2> <b data-astro-cid-lxoypzh2>FRAME</b> <h2 data-astro-cid-lxoypzh2>Orchestrator</h2> <p data-astro-cid-lxoypzh2>Owns scope, task graph, boundaries, and integration.</p> </article><article class="card" data-astro-cid-lxoypzh2> <b data-astro-cid-lxoypzh2>HAND OFF</b> <h2 data-astro-cid-lxoypzh2>Worker</h2> <p data-astro-cid-lxoypzh2>Owns one coherent slice and one worktree.</p> </article><article class="card" data-astro-cid-lxoypzh2> <b data-astro-cid-lxoypzh2>PROVE</b> <h2 data-astro-cid-lxoypzh2>Verifier</h2> <p data-astro-cid-lxoypzh2>Re-runs gates and reports remaining gaps.</p> </article> </section> <section class="practice reveal" data-astro-cid-lxoypzh2> <div class="depth-slow" data-astro-cid-lxoypzh2> <p class="eyebrow" data-astro-cid-lxoypzh2>Handoff</p> <h2 data-astro-cid-lxoypzh2>Context that<br>can <em>travel.</em></h2> <svg class="draw-line" viewBox="0 0 4 110" aria-hidden="true" focusable="false" style="--draw-height: 110px" data-astro-cid-n6ozym62> <path d="M 0.5 0 V 110" pathLength="100" data-astro-cid-n6ozym62></path> </svg>  </div> <ol class="flow depth-fast" data-astro-cid-ld3fmquo> <li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>01</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Brief</strong> <span data-astro-cid-ld3fmquo>Goal, owned files, dependencies, non-goals, acceptance.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>02</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Isolation</strong> <span data-astro-cid-ld3fmquo>One branch and worktree per independent change.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>03</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Evidence</strong> <span data-astro-cid-ld3fmquo>Commands, result, changed files, screenshots, gaps.</span> </div> </article> </li> </ol>  </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-lxoypzh2> <a href="/ai-for-dummies/models/" data-astro-cid-lxoypzh2>Previous: models →</a> <a href="/ai-for-dummies/rules/" data-astro-cid-lxoypzh2>Rules case study →</a> <a href="/ai-for-dummies/hands-on/rules/" data-astro-cid-lxoypzh2>Try the rules lab →</a> </nav> </nav> <div class="text" data-astro-cid-bmvnf73n>     </div> </section>   </body></html> 
@@ -1,3 +1,2 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Start here</title><meta name="description" content="AI For Dummies: a practical route map for models, agents, worktrees, skills, rules, and verification."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.CVOStimI.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.Dfo_cwQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.Bvwgp4pJ.css"><style>.grid[data-astro-cid-65v63m4u]{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1px;background:var(--line)}.grid[data-astro-cid-65v63m4u]>*{background:var(--paper)}@media(max-width:800px){.grid[data-astro-cid-65v63m4u]{grid-template-columns:1fr}}.card[data-astro-cid-4yogs2gu]{display:flex;min-width:0;flex-direction:column;min-height:220px;padding:28px;background:var(--paper)}.card[data-astro-cid-4yogs2gu] b[data-astro-cid-4yogs2gu]{color:var(--red);font-size:var(--step-24);font-family:ui-monospace,monospace}.card[data-astro-cid-4yogs2gu] h2[data-astro-cid-4yogs2gu]{margin:18px 0 8px;font-size:var(--step-25);letter-spacing:-.04em}.card[data-astro-cid-4yogs2gu] p[data-astro-cid-4yogs2gu]{margin:0 0 14px;color:var(--muted)}.card[data-astro-cid-4yogs2gu] a[data-astro-cid-4yogs2gu]{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none}.card[data-astro-cid-4yogs2gu] a[data-astro-cid-4yogs2gu]:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.card[data-astro-cid-4yogs2gu]{min-height:0}}.guide-launch[data-astro-cid-j7pv25f6]{display:inline-flex;gap:14px;align-items:center;margin-top:20px;padding:12px 16px;background:var(--ink);color:var(--paper);font:700 var(--step-12) var(--font-mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .2s ease}.guide-launch[data-astro-cid-j7pv25f6]:hover{transform:translateY(-3px);background:var(--blue)}.guide-launch[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:var(--gold);font-size:var(--step-22);line-height:0}.landing-note[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;margin:0 0 70px;padding:25px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.landing-note[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:var(--red);font:700 var(--step-0) var(--font-mono);letter-spacing:.1em}.landing-note[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{font-size:var(--step-4);line-height:1.08;letter-spacing:-.04em}@media(max-width:560px){.landing-note[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:9px;margin-bottom:45px}}@media(prefers-reduced-motion:reduce){.guide-launch[data-astro-cid-j7pv25f6]{transition:none}.guide-launch[data-astro-cid-j7pv25f6]:hover{transform:none}}
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Start here</title><meta name="description" content="AI For Dummies: a practical route map for models, agents, worktrees, skills, rules, and verification."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.BxNFvepo.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.BX9jSTkZ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.BPlnnXOa.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/motion.DuPi8tKA.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/index.BeRVtA-g.css">
-.top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}.footer[data-astro-cid-bmvnf73n]{padding:30px 0 70px;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
+<link rel="stylesheet" href="/ai-for-dummies/_astro/ChapterHero.DU6N_2z3.css"></head> <body>    <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/" aria-current="page" data-astro-cid-j7pv25f6>AI FOR DUMMIES</a></div> <div class="cell" data-astro-cid-xattfbdu><span data-astro-cid-j7pv25f6>00 / START HERE</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/skills-review/" data-astro-cid-j7pv25f6>review desk ↗</a></div> </header>  <main>     <section class="hero rise-in" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">The short route</p>  <h1 class="parallax-near" data-astro-cid-7xzskqga><span data-astro-cid-j7pv25f6>Ship the<br><em>system.</em></span></h1> <div class="intro parallax-far" data-astro-cid-7xzskqga>  <p data-astro-cid-j7pv25f6>Start with the map. Then open the one chapter that matches the decision in front of you: model, agent, worktree, skill, rule, or proof.</p>  </div> <a class="guide-launch" href="/ai-for-dummies/full-guide/" data-astro-cid-j7pv25f6>Take the full field guide <span data-astro-cid-j7pv25f6>→</span></a> </section>  <section class="group reveal" aria-label="Guide chapters" data-astro-cid-65v63m4u> <div class="grid" style="--columns: 3" data-astro-cid-65v63m4u> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>01</b> <h2 data-astro-cid-4yogs2gu>Models</h2> <p data-astro-cid-4yogs2gu>Capability and effort are separate knobs.</p> <a href="/ai-for-dummies/models/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>02</b> <h2 data-astro-cid-4yogs2gu>Agents &amp; trees</h2> <p data-astro-cid-4yogs2gu>Bound roles, handoffs, and worktrees.</p> <a href="/ai-for-dummies/agents/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>03</b> <h2 data-astro-cid-4yogs2gu>Skills</h2> <p data-astro-cid-4yogs2gu>Capture repeatable decisions in small packages.</p> <a href="/ai-for-dummies/skills/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>04</b> <h2 data-astro-cid-4yogs2gu>Rules</h2> <p data-astro-cid-4yogs2gu>Connect guidance to enforcement.</p> <a href="/ai-for-dummies/rules/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>05</b> <h2 data-astro-cid-4yogs2gu>Hands-on</h2> <p data-astro-cid-4yogs2gu>Compare a strong prompt with skill-enabled work.</p> <a href="/ai-for-dummies/hands-on/starter/" data-astro-cid-4yogs2gu>Open lab →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>06</b> <h2 data-astro-cid-4yogs2gu>Review desk</h2> <p data-astro-cid-4yogs2gu>Browse original packages, references, scripts, and improvements.</p> <a href="/ai-for-dummies/skills-review/" data-astro-cid-4yogs2gu>Open desk →</a> </article>  </div> </section>  <section class="landing-note reveal" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>THE THREAD</span> <strong data-astro-cid-j7pv25f6>Frame uncertainty → isolate execution → preserve judgment → verify the change.</strong> </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n>  </nav> <div class="text" data-astro-cid-bmvnf73n>   <span data-astro-cid-j7pv25f6>The route map is now the default entry. The full guide remains available whenever you want the whole narrative.</span>  </div> </section>   </body></html> 
 </style></head> <body>   <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/" aria-current="page" data-astro-cid-j7pv25f6>AI FOR DUMMIES</a></div> <div class="cell" data-astro-cid-xattfbdu><span data-astro-cid-j7pv25f6>00 / START HERE</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/skills-review/" data-astro-cid-j7pv25f6>review desk ↗</a></div> </header>  <main>     <section class="hero" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">The short route</p>  <h1 data-astro-cid-7xzskqga><span data-astro-cid-j7pv25f6>Ship the<br><em>system.</em></span></h1> <div class="intro" data-astro-cid-7xzskqga>  <p data-astro-cid-j7pv25f6>Start with the map. Then open the one chapter that matches the decision in front of you: model, agent, worktree, skill, rule, or proof.</p>  </div> <a class="guide-launch" href="/ai-for-dummies/full-guide/" data-astro-cid-j7pv25f6>Take the full field guide <span data-astro-cid-j7pv25f6>→</span></a> </section>  <section class="group" aria-label="Guide chapters" data-astro-cid-65v63m4u> <div class="grid" style="--columns: 3" data-astro-cid-65v63m4u> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>01</b> <h2 data-astro-cid-4yogs2gu>Models</h2> <p data-astro-cid-4yogs2gu>Capability and effort are separate knobs.</p> <a href="/ai-for-dummies/models/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>02</b> <h2 data-astro-cid-4yogs2gu>Agents &amp; trees</h2> <p data-astro-cid-4yogs2gu>Bound roles, handoffs, and worktrees.</p> <a href="/ai-for-dummies/agents/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>03</b> <h2 data-astro-cid-4yogs2gu>Skills</h2> <p data-astro-cid-4yogs2gu>Capture repeatable decisions in small packages.</p> <a href="/ai-for-dummies/skills/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>04</b> <h2 data-astro-cid-4yogs2gu>Rules</h2> <p data-astro-cid-4yogs2gu>Connect guidance to enforcement.</p> <a href="/ai-for-dummies/rules/" data-astro-cid-4yogs2gu>Open chapter →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>05</b> <h2 data-astro-cid-4yogs2gu>Hands-on</h2> <p data-astro-cid-4yogs2gu>Compare a strong prompt with skill-enabled work.</p> <a href="/ai-for-dummies/hands-on/starter/" data-astro-cid-4yogs2gu>Open lab →</a> </article> <article class="card" data-astro-cid-4yogs2gu> <b data-astro-cid-4yogs2gu>06</b> <h2 data-astro-cid-4yogs2gu>Review desk</h2> <p data-astro-cid-4yogs2gu>Browse original packages, references, scripts, and improvements.</p> <a href="/ai-for-dummies/skills-review/" data-astro-cid-4yogs2gu>Open desk →</a> </article>  </div> </section>  <section class="landing-note" data-astro-cid-j7pv25f6> <span data-astro-cid-j7pv25f6>THE THREAD</span> <strong data-astro-cid-j7pv25f6>Frame uncertainty → isolate execution → preserve judgment → verify the change.</strong> </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n>  </nav> <div class="text" data-astro-cid-bmvnf73n>   <span data-astro-cid-j7pv25f6>The route map is now the default entry. The full guide remains available whenever you want the whole narrative.</span>  </div> </section>   </body></html> 
@@ -1,2 +1,5 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Models</title><meta name="description" content="A model has a capability ceiling. Effort controls how much room it gets to reason. Route by uncertainty and verification cost."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.CVOStimI.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.Dfo_cwQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.Bvwgp4pJ.css"><style>.top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}.footer[data-astro-cid-bmvnf73n]{padding:30px 0 70px;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Models</title><meta name="description" content="A model has a capability ceiling. Effort controls how much room it gets to reason. Route by uncertainty and verification cost."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.BxNFvepo.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.BX9jSTkZ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.BPlnnXOa.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/motion.DuPi8tKA.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/models.DC2DUDWN.css">
-</style></head> <body>   <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/summary/">← ROUTE MAP</a></div> <div class="cell" data-astro-cid-xattfbdu><span>01 / MODELS</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/full-guide/">field guide ↗</a></div> </header>  <main>     <section class="hero" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Model routing</p>  <h1 data-astro-cid-7xzskqga><span>Choose the<br><em>engine.</em></span></h1> <div class="intro" data-astro-cid-7xzskqga>  <p>A model has a capability ceiling. Effort controls how much room it gets to reason. Route by uncertainty and verification cost.</p> </div>  </section>  <section class="grid"> <article class="card"> <b>LOW</b> <h2>Bounded rhythm</h2> <p>Lookup, small edits, formatting, and transformations with clear checks.</p> </article><article class="card"> <b>MEDIUM</b> <h2>Default work</h2> <p>Normal implementation where the contract is clear but context matters.</p> </article><article class="card"> <b>HIGH</b> <h2>Ambiguity</h2> <p>Planning, architecture, security judgment, and hard failures.</p> </article> </section> <section class="model"> <div> <p class="eyebrow">Two knobs</p> <h2>Capability<br>× effort</h2> </div> <div class="panel"> <strong>ROUTING RULE</strong> <code>strong model + high effort → frame ambiguity · light model + low effort → bounded execution · raise one knob at a time → compare evidence</code> </div> </section> <section class="practice"> <div> <p class="eyebrow">Sequence</p> <h2>Spend judgment<br>where it <em>compounds.</em></h2> </div> <div class="steps"> <article> <b>01</b> <div> <strong>Plan</strong> <span>Strong model: scope, risks, acceptance, and worktree split.</span> </div> </article><article> <b>02</b> <div> <strong>Build</strong> <span>Focused worker: smallest context and lightest model that can pass.</span> </div> </article><article> <b>03</b> <div> <strong>Review</strong> <span>Independent pass when missed issues cost more than the call.</span> </div> </article> </div> </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation"> <a href="/ai-for-dummies/agents/">Next: agents & trees →</a> <a href="/ai-for-dummies/rules/">Rules case study →</a> </nav> </nav> <div class="text" data-astro-cid-bmvnf73n>     </div> </section>   </body></html>
+<link rel="stylesheet" href="/ai-for-dummies/_astro/ChapterHero.DU6N_2z3.css">
 <link rel="stylesheet" href="/ai-for-dummies/_astro/StepFlow.D8D5Or_Q.css"></head> <body>    <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/summary/" data-astro-cid-wmd6b3pc>← ROUTE MAP</a></div> <div class="cell" data-astro-cid-xattfbdu><span data-astro-cid-wmd6b3pc>01 / MODELS</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/full-guide/" data-astro-cid-wmd6b3pc>field guide ↗</a></div> </header>  <main>     <section class="hero rise-in" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Model routing</p>  <h1 class="parallax-near" data-astro-cid-7xzskqga><span data-astro-cid-wmd6b3pc>Choose the<br><em>engine.</em></span></h1> <div class="intro parallax-far" data-astro-cid-7xzskqga>  <p data-astro-cid-wmd6b3pc>A model has a capability ceiling. Effort controls how much room it gets to reason. Route by uncertainty and verification cost.</p> </div>  </section>  <section class="grid reveal" data-astro-cid-wmd6b3pc> <article class="card" data-astro-cid-wmd6b3pc> <b data-astro-cid-wmd6b3pc>LOW</b> <h2 data-astro-cid-wmd6b3pc>Bounded rhythm</h2> <p data-astro-cid-wmd6b3pc>Lookup, small edits, formatting, and transformations with clear checks.</p> </article><article class="card" data-astro-cid-wmd6b3pc> <b data-astro-cid-wmd6b3pc>MEDIUM</b> <h2 data-astro-cid-wmd6b3pc>Default work</h2> <p data-astro-cid-wmd6b3pc>Normal implementation where the contract is clear but context matters.</p> </article><article class="card" data-astro-cid-wmd6b3pc> <b data-astro-cid-wmd6b3pc>HIGH</b> <h2 data-astro-cid-wmd6b3pc>Ambiguity</h2> <p data-astro-cid-wmd6b3pc>Planning, architecture, security judgment, and hard failures.</p> </article> </section> <section class="model reveal" data-astro-cid-wmd6b3pc> <div class="depth-slow" data-astro-cid-wmd6b3pc> <p class="eyebrow" data-astro-cid-wmd6b3pc>Two knobs</p> <h2 data-astro-cid-wmd6b3pc>Capability<br>× effort</h2> <svg class="draw-line" viewBox="0 0 110 110" aria-hidden="true" focusable="false" style="--draw-height: 110px" data-astro-cid-n6ozym62> <path d="M 0.5 0 V 86.5 Q 0.5 109.5 24 109.5 H 110" pathLength="100" data-astro-cid-n6ozym62></path> </svg>  </div> <div class="panel depth-fast" data-astro-cid-wmd6b3pc> <strong data-astro-cid-wmd6b3pc>ROUTING RULE</strong> <code data-astro-cid-wmd6b3pc>strong model + high effort → frame ambiguity
 light model  + low effort  → bounded execution
 raise one knob at a time   → compare evidence</code> </div> </section> <section class="practice reveal" data-astro-cid-wmd6b3pc> <div class="depth-slow" data-astro-cid-wmd6b3pc> <p class="eyebrow" data-astro-cid-wmd6b3pc>Sequence</p> <h2 data-astro-cid-wmd6b3pc>Spend judgment<br>where it <em>compounds.</em></h2> <svg class="draw-line" viewBox="0 0 4 110" aria-hidden="true" focusable="false" style="--draw-height: 110px" data-astro-cid-n6ozym62> <path d="M 0.5 0 V 110" pathLength="100" data-astro-cid-n6ozym62></path> </svg>  </div> <ol class="flow depth-fast" data-astro-cid-ld3fmquo> <li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>01</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Plan</strong> <span data-astro-cid-ld3fmquo>Strong model: scope, risks, acceptance, and worktree split.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>02</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Build</strong> <span data-astro-cid-ld3fmquo>Focused worker: smallest context and lightest model that can pass.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>03</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Review</strong> <span data-astro-cid-ld3fmquo>Independent pass when missed issues cost more than the call.</span> </div> </article> </li> </ol>  </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-wmd6b3pc> <a href="/ai-for-dummies/agents/" data-astro-cid-wmd6b3pc>Next: agents & trees →</a> <a href="/ai-for-dummies/rules/" data-astro-cid-wmd6b3pc>Rules case study →</a> </nav> </nav> <div class="text" data-astro-cid-bmvnf73n>     </div> </section>   </body></html> 
@@ -1,5 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Submitted Skills — Review Desk</title><meta name="description" content="Friendly reviews and improved drafts for submitted Agent Skills."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.CVOStimI.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.Dfo_cwQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/skills-review.H9Gk5YQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/change-lens.BGIvC9Y7.css"><style>.catalog>aside{position:sticky;top:24px;display:flex;align-self:start;max-height:calc(100dvh - 48px);overflow:hidden}#skill-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--blue) var(--paper)}#skill-list button,.file-tabs button,.switch button,.preview button{transition:color .18s cubic-bezier(.2,0,0,1),background-color .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}#skill-list button:hover,#skill-list button:focus-visible{transform:translate(3px)}.detail>*{animation:review-detail-in .2s cubic-bezier(.2,0,0,1) both}.detail a,.research a{text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.detail a:hover,.research a:hover{text-decoration-color:currentColor}@keyframes review-detail-in{0%{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.catalog>aside{position:static;max-height:none}#skill-list{max-height:50dvh}}@media(prefers-reduced-motion:reduce){#skill-list button,.file-tabs button,.switch button,.preview button{transition:none}.detail>*{animation:none}}
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Submitted Skills — Review Desk</title><meta name="description" content="Friendly reviews and improved drafts for submitted Agent Skills."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.BxNFvepo.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.BX9jSTkZ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/skills-review.H9Gk5YQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/change-lens.BGIvC9Y7.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/skills-review.B8_1T2ne.css"></head> <body>    <main> <header class="topbar"> <a href="/ai-for-dummies/" class="back">← field guide</a><span>SUBMITTED SKILLS / REVIEW DESK</span><a href="#catalog" id="submission-count">submissions</a> </header> <section class="hero"> <p class="eyebrow">A friendly path from draft to dependable</p> <h1>Every skill deserves<br><em>a clear job.</em></h1> <p>
 </style></head> <body>    <main> <header class="topbar"> <a href="/ai-for-dummies/" class="back">← field guide</a><span>SUBMITTED SKILLS / REVIEW DESK</span><a href="#catalog" id="submission-count">submissions</a> </header> <section class="hero"> <p class="eyebrow">A friendly path from draft to dependable</p> <h1>Every skill deserves<br><em>a clear job.</em></h1> <p>
 Read the original, understand what already works, and compare a safer, leaner draft. Nothing
        here overwrites a submission; revisions live in their own review output.
 </p> </section> <section class="principles" aria-label="Review principles"> <article> <b>01</b><strong>Discoverable</strong><span>A precise description tells an agent when to load the skill.</span> </article> <article> <b>02</b><strong>Useful in context</strong><span>Core workflow stays short; conditional detail loads only when needed.</span> </article> <article> <b>03</b><strong>Safe by design</strong><span>Commands, secrets, and shared systems have explicit boundaries.</span> </article> <article> <b>04</b><strong>Proven in use</strong><span>Real prompts and observable checks turn a draft into a reliable tool.</span> </article> </section> <section class="method"> <div> <p class="eyebrow">How to use this desk</p><h2>Compare.<br><em>Then choose.</em></h2> </div> <ol> <li>Select a submission, or open an author URL.</li><li>
@@ -1,13 +1,29 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Skills</title><meta name="description" content="A skill changes behavior. Keep the trigger precise, put the workflow in SKILL.md, and move conditional facts, scripts, and examples into focused files."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.CVOStimI.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.Dfo_cwQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.Bvwgp4pJ.css"><style>.package-workbench[data-astro-cid-xk5n4466]{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(0,1.3fr);min-width:0;background:var(--ink);border:1px solid var(--ink);box-shadow:10px 10px color-mix(in srgb,var(--gold) 55%,transparent)}.package-tree[data-astro-cid-xk5n4466]{padding:22px 16px;border-right:1px solid var(--muted);min-width:0}.package-tree[data-astro-cid-xk5n4466]>p[data-astro-cid-xk5n4466],.package-preview[data-astro-cid-xk5n4466]>span[data-astro-cid-xk5n4466]{margin:0 0 14px;color:var(--gold);font:700 var(--step-0) / 1.35 var(--font-mono);letter-spacing:.1em}.package-tree[data-astro-cid-xk5n4466] button[data-astro-cid-xk5n4466]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:12px 8px;border:0;border-left:2px solid transparent;background:transparent;color:var(--line);text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.package-tree[data-astro-cid-xk5n4466] button[data-astro-cid-xk5n4466]:hover,.package-tree[data-astro-cid-xk5n4466] button[data-astro-cid-xk5n4466]:focus-visible,.package-tree[data-astro-cid-xk5n4466] button[data-astro-cid-xk5n4466].active{border-left-color:var(--gold);background:var(--blue);outline:0}.package-tree[data-astro-cid-xk5n4466] button[data-astro-cid-xk5n4466]:hover{transform:translate(3px)}.package-tree[data-astro-cid-xk5n4466] code[data-astro-cid-xk5n4466]{min-width:0;overflow-wrap:anywhere;font:700 var(--step-13) / 1.4 var(--font-mono)}.package-tree[data-astro-cid-xk5n4466] small[data-astro-cid-xk5n4466]{color:var(--muted);font:var(--step-0) / 1.25 var(--font-sans);text-align:right}.package-preview[data-astro-cid-xk5n4466]{min-width:0;padding:26px;background:var(--ink);color:var(--paper)}.package-preview[data-astro-cid-xk5n4466] h3[data-astro-cid-xk5n4466]{margin:0 0 8px;font-size:clamp(24px,3vw,38px);line-height:1.02;letter-spacing:-.045em}.package-preview[data-astro-cid-xk5n4466] p[data-astro-cid-xk5n4466]{max-width:52ch;margin:0;color:var(--line)}.package-preview[data-astro-cid-xk5n4466] pre[data-astro-cid-xk5n4466]{max-width:100%;margin:20px 0 0;padding:15px;overflow:auto;border:1px solid var(--muted);background:var(--deep);color:var(--line);font:var(--step-12) / 1.55 var(--font-mono)}.package-preview[data-astro-cid-xk5n4466].is-swapping{animation:package-preview-in .2s cubic-bezier(.2,0,0,1) both}@keyframes package-preview-in{0%{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.package-workbench[data-astro-cid-xk5n4466]{grid-template-columns:1fr}.package-tree[data-astro-cid-xk5n4466]{border-right:0;border-bottom:1px solid var(--muted)}.package-preview[data-astro-cid-xk5n4466]{padding:22px}}@media(max-width:560px){.package-tree[data-astro-cid-xk5n4466]{padding:18px 10px}.package-tree[data-astro-cid-xk5n4466] button[data-astro-cid-xk5n4466]{padding:12px 6px}.package-tree[data-astro-cid-xk5n4466] small[data-astro-cid-xk5n4466]{display:none}.package-preview[data-astro-cid-xk5n4466]{padding:18px}.package-preview[data-astro-cid-xk5n4466] pre[data-astro-cid-xk5n4466]{font-size:var(--step-0)}}@media(prefers-reduced-motion:reduce){[data-astro-cid-xk5n4466],[data-astro-cid-xk5n4466]:before,[data-astro-cid-xk5n4466]:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Skills</title><meta name="description" content="A skill changes behavior. Keep the trigger precise, put the workflow in SKILL.md, and move conditional facts, scripts, and examples into focused files."><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.BxNFvepo.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.BX9jSTkZ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.BPlnnXOa.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/motion.DuPi8tKA.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/skills.CRdDXdLp.css">
-.top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}.footer[data-astro-cid-bmvnf73n]{padding:30px 0 70px;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
+<link rel="stylesheet" href="/ai-for-dummies/_astro/ChapterHero.DU6N_2z3.css">
-</style></head> <body>   <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/summary/">← ROUTE MAP</a></div> <div class="cell" data-astro-cid-xattfbdu><span>03 / SKILLS</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/skills-review/">review desk ↗</a></div> </header>  <main>      <section class="hero" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Reusable judgment</p>  <h1 data-astro-cid-7xzskqga><span>Teach the<br><em>decision.</em></span></h1> <div class="intro" data-astro-cid-7xzskqga>  <p>A skill changes behavior. Keep the trigger precise, put the workflow in <code>SKILL.md</code>, and move conditional facts, scripts, and examples into focused files.</p> </div>  </section>  <section class="pipeline package-anatomy"> <div> <p class="eyebrow">Package anatomy</p> <h2>One job.<br>More than<br>one <em>file.</em></h2> <p class="package-hint">Choose a file to see why it belongs in the package.</p> </div> <div class="package-workbench" data-package-workbench data-astro-cid-xk5n4466> <div class="package-tree" role="tablist" aria-label="Files in the review-ui skill package" data-astro-cid-xk5n4466> <p data-astro-cid-xk5n4466>REVIEW-UI / SKILL PACKAGE</p> <button class="active" data-skill-file="skill" role="tab" aria-selected="true" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>├── SKILL.md</code> <small data-astro-cid-xk5n4466>trigger + workflow</small> </button><button data-skill-file="references" role="tab" aria-selected="false" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>├── references/</code> <small data-astro-cid-xk5n4466>conditional facts</small> </button><button data-skill-file="scripts" role="tab" aria-selected="false" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>├── scripts/</code> <small data-astro-cid-xk5n4466>deterministic checks</small> </button><button data-skill-file="assets" role="tab" aria-selected="false" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>└── assets/</code> <small data-astro-cid-xk5n4466>templates + examples</small> </button> </div> <article class="package-preview" id="package-preview" aria-live="polite" data-astro-cid-xk5n4466></article> </div> <script type="application/json" data-skill-files>[{"id":"skill","prefix":"├── ","label":"SKILL.md","caption":"trigger + workflow","title":"The operating contract","body":"The one file that should always be loaded. Define the exact trigger, the ordered workflow, safety limits, and the evidence the agent returns.","code":"---\nname: review-ui\ndescription: Review a changed UI for focus, reflow, and motion.\n---\n\n1. Inspect the changed interaction.\n2. Run the UI checks.\n3. Return findings with evidence."},{"id":"references","prefix":"├── ","label":"references/","caption":"conditional facts","title":"Facts, only when needed","body":"Keep conditional detail out of the main instruction. A dialog pattern, framework caveat, or accessibility checklist belongs here when it is not needed for every review.","code":"references/\n└── accessibility.md\n    ├── keyboard interaction patterns\n    └── focus and reflow checklist"},{"id":"scripts","prefix":"├── ","label":"scripts/","caption":"deterministic checks","title":"Mechanics that should not depend on memory","body":"Turn deterministic checks into runnable tools. The agent still judges the result, but it should not have to recreate a viewport test or filename rule by hand.","code":"scripts/\n└── check-reflow.mjs\n    └── checks 320px, 1280px, and 4K widths"},{"id":"assets","prefix":"└── ","label":"assets/","caption":"templates + examples","title":"Starting material, not hidden instructions","body":"Use assets for templates and examples a person or agent can copy. Keep them clearly named so package readers can choose the right starting point.","code":"assets/\n├── review-report.md\n└── focus-test-fixture.html"}]</script> <script>
+<link rel="stylesheet" href="/ai-for-dummies/_astro/skills.ISd55bu-.css">
 <link rel="stylesheet" href="/ai-for-dummies/_astro/StepFlow.D8D5Or_Q.css"></head> <body>    <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/summary/" data-astro-cid-xahix5fp>← ROUTE MAP</a></div> <div class="cell" data-astro-cid-xattfbdu><span data-astro-cid-xahix5fp>03 / SKILLS</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/skills-review/" data-astro-cid-xahix5fp>review desk ↗</a></div> </header>  <main>     <section class="hero rise-in" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Reusable judgment</p>  <h1 class="parallax-near" data-astro-cid-7xzskqga><span data-astro-cid-xahix5fp>Teach the<br><em>decision.</em></span></h1> <div class="intro parallax-far" data-astro-cid-7xzskqga>  <p data-astro-cid-xahix5fp>A skill changes behavior. Keep the trigger precise, put the workflow in <code>SKILL.md</code>, and move conditional facts, scripts, and examples into focused files.</p> </div>  </section>  <section class="pipeline package-anatomy reveal" data-astro-cid-xahix5fp> <div class="depth-slow" data-astro-cid-xahix5fp> <p class="eyebrow" data-astro-cid-xahix5fp>Package anatomy</p> <h2 data-astro-cid-xahix5fp>One job.<br>More than<br>one <em>file.</em></h2> <p class="package-hint" data-astro-cid-xahix5fp>Choose a file to see why it belongs in the package.</p> <svg class="draw-line" viewBox="0 0 150 150" aria-hidden="true" focusable="false" style="--draw-height: 150px" data-astro-cid-n6ozym62> <path d="M 0.5 0 V 117.5 Q 0.5 149.5 33 149.5 H 150" pathLength="100" data-astro-cid-n6ozym62></path> </svg>  </div> <div class="depth-fast" data-astro-cid-xahix5fp> <div class="package-workbench" data-package-workbench data-astro-cid-xk5n4466> <div class="package-tree" role="tablist" aria-label="Files in the review-ui skill package" data-astro-cid-xk5n4466> <p data-astro-cid-xk5n4466>REVIEW-UI / SKILL PACKAGE</p> <button class="active" data-skill-file="skill" role="tab" aria-selected="true" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>├── SKILL.md</code> <small data-astro-cid-xk5n4466>trigger + workflow</small> </button><button data-skill-file="references" role="tab" aria-selected="false" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>├── references/</code> <small data-astro-cid-xk5n4466>conditional facts</small> </button><button data-skill-file="scripts" role="tab" aria-selected="false" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>├── scripts/</code> <small data-astro-cid-xk5n4466>deterministic checks</small> </button><button data-skill-file="assets" role="tab" aria-selected="false" data-astro-cid-xk5n4466> <code data-astro-cid-xk5n4466>└── assets/</code> <small data-astro-cid-xk5n4466>templates + examples</small> </button> </div> <article class="package-preview" id="package-preview" aria-live="polite" data-astro-cid-xk5n4466></article> </div> <script type="application/json" data-skill-files>[{"id":"skill","prefix":"├── ","label":"SKILL.md","caption":"trigger + workflow","title":"The operating contract","body":"The one file that should always be loaded. Define the exact trigger, the ordered workflow, safety limits, and the evidence the agent returns.","code":"---\nname: review-ui\ndescription: Review a changed UI for focus, reflow, and motion.\n---\n\n1. Inspect the changed interaction.\n2. Run the UI checks.\n3. Return findings with evidence."},{"id":"references","prefix":"├── ","label":"references/","caption":"conditional facts","title":"Facts, only when needed","body":"Keep conditional detail out of the main instruction. A dialog pattern, framework caveat, or accessibility checklist belongs here when it is not needed for every review.","code":"references/\n└── accessibility.md\n    ├── keyboard interaction patterns\n    └── focus and reflow checklist"},{"id":"scripts","prefix":"├── ","label":"scripts/","caption":"deterministic checks","title":"Mechanics that should not depend on memory","body":"Turn deterministic checks into runnable tools. The agent still judges the result, but it should not have to recreate a viewport test or filename rule by hand.","code":"scripts/\n└── check-reflow.mjs\n    └── checks 320px, 1280px, and 4K widths"},{"id":"assets","prefix":"└── ","label":"assets/","caption":"templates + examples","title":"Starting material, not hidden instructions","body":"Use assets for templates and examples a person or agent can copy. Keep them clearly named so package readers can choose the right starting point.","code":"assets/\n├── review-report.md\n└── focus-test-fixture.html"}]</script> <script>
  (function () {
    const preview = document.querySelector('#package-preview');
    const buttons = document.querySelectorAll('[data-skill-file]');
    const dataNode = document.querySelector('[data-skill-files]');
    const tree = document.querySelector('[data-package-workbench] .package-tree');
    if (!preview || !dataNode) return;
    const files = JSON.parse(dataNode.textContent || '[]');
    // Position the gold selection bar over the active button. The bar is a
    // 1px-tall pseudo-element on the tree, moved and stretched by transform
    // alone, so the slide composites — animating its `top`/`height` would
    // force layout on every frame. Measured rather than computed from the
    // index: the buttons are not all the same height once a long filename
    // wraps.
    function placeIndicator() {
      const active = tree && tree.querySelector('.active');
      if (!active) return;
      tree.style.setProperty('--tab-x', active.offsetLeft + 'px');
      tree.style.setProperty('--tab-y', active.offsetTop + 'px');
      tree.style.setProperty('--tab-h', String(active.offsetHeight));
    }
    function renderPackage(id) {
      const item = files.find((entry) => entry.id === id);
      if (!item) return;
@@ -32,6 +48,7 @@
        button.classList.toggle('active', active);
        button.setAttribute('aria-selected', String(active));
      });
      placeIndicator();
    }
    buttons.forEach(function (button) {
@@ -40,6 +57,10 @@
      });
    });
    // Button heights change at the two breakpoints below (the caption is
    // dropped, the padding shrinks), which moves every offset under the bar.
    window.addEventListener('resize', placeIndicator);
    renderPackage('skill');
  })();
-</script>  </section> <section class="practice"> <div> <p class="eyebrow">Create a skill</p> <h2>Observe →<br>trigger →<br>validate</h2> </div> <div class="steps"> <article> <b>01</b> <div> <strong>Observe friction</strong> <span>Find a repeated decision or failure.</span> </div> </article><article> <b>02</b> <div> <strong>Define the trigger</strong> <span>Say when it should load and when it should stay out.</span> </div> </article><article> <b>03</b> <div> <strong>Choose anatomy</strong> <span>Use references for facts and scripts for deterministic mechanics.</span> </div> </article><article> <b>04</b> <div> <strong>Evaluate behavior</strong> <span>Test realistic prompts, edge cases, safety, and evidence.</span> </div> </article> </div> </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation"> <a href="/ai-for-dummies/agents/">Agents & trees →</a> <a href="/ai-for-dummies/rules/">Rules case study →</a> <a href="/ai-for-dummies/skills-review/">Review submitted skills →</a> <a href="/ai-for-dummies/full-guide/#create-skill">Full guide: skill forge →</a> </nav> </nav> <div class="text" data-astro-cid-bmvnf73n>     </div> </section>   </body></html>
+</script>  </div> </section> <section class="practice reveal" data-astro-cid-xahix5fp> <div class="depth-slow" data-astro-cid-xahix5fp> <p class="eyebrow" data-astro-cid-xahix5fp>Create a skill</p> <h2 data-astro-cid-xahix5fp>Observe →<br>trigger →<br>validate</h2> <svg class="draw-line" viewBox="0 0 4 110" aria-hidden="true" focusable="false" style="--draw-height: 110px" data-astro-cid-n6ozym62> <path d="M 0.5 0 V 110" pathLength="100" data-astro-cid-n6ozym62></path> </svg>  </div> <ol class="flow depth-fast" data-astro-cid-ld3fmquo> <li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>01</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Observe friction</strong> <span data-astro-cid-ld3fmquo>Find a repeated decision or failure.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>02</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Define the trigger</strong> <span data-astro-cid-ld3fmquo>Say when it should load and when it should stay out.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>03</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Choose anatomy</strong> <span data-astro-cid-ld3fmquo>Use references for facts and scripts for deterministic mechanics.</span> </div> </article> </li><li data-astro-cid-ld3fmquo> <article data-astro-cid-ld3fmquo> <b data-astro-cid-ld3fmquo>04</b> <div data-astro-cid-ld3fmquo> <strong data-astro-cid-ld3fmquo>Evaluate behavior</strong> <span data-astro-cid-ld3fmquo>Test realistic prompts, edge cases, safety, and evidence.</span> </div> </article> </li> </ol>  </section> <section class="practice recall reveal" id="recall" data-astro-cid-xahix5fp> <div class="depth-slow" data-astro-cid-xahix5fp> <p class="eyebrow" data-astro-cid-xahix5fp>Check yourself</p> <h2 data-astro-cid-xahix5fp>Recall it before<br>you <em>ship it.</em></h2> <p class="recall-note" data-astro-cid-xahix5fp>Answer from memory first — the reveal is the feedback.</p> <div class="recall-links" data-astro-cid-xahix5fp> <a href="https://agentskills.io/specification" target="_blank" rel="noreferrer" data-astro-cid-xahix5fp> Format specification ↗ </a><a href="/ai-for-dummies/hands-on/starter/" data-astro-cid-xahix5fp> Try it on the Tiny Tasks lab → </a> </div> </div> <div class="recall-list depth-fast" data-astro-cid-xahix5fp> <details data-astro-cid-xahix5fp> <summary data-astro-cid-xahix5fp> <span data-astro-cid-xahix5fp>The skill never loads. What is the first suspect?</span> <b aria-hidden="true" data-astro-cid-xahix5fp>+</b> </summary> <p data-astro-cid-xahix5fp>The trigger. A precise description says when to load the skill — and when to leave it out. A vague one never fires.</p> </details><details data-astro-cid-xahix5fp> <summary data-astro-cid-xahix5fp> <span data-astro-cid-xahix5fp>Where do the workflow, the facts, and the repeated mechanics each go?</span> <b aria-hidden="true" data-astro-cid-xahix5fp>+</b> </summary> <p data-astro-cid-xahix5fp>The workflow stays in SKILL.md, conditional facts move to references/, and deterministic repeated mechanics become scripts/.</p> </details><details data-astro-cid-xahix5fp> <summary data-astro-cid-xahix5fp> <span data-astro-cid-xahix5fp>What proves a skill works?</span> <b aria-hidden="true" data-astro-cid-xahix5fp>+</b> </summary> <p data-astro-cid-xahix5fp>Behavior, not headings: realistic prompts, edge cases, and safety checks with observable evidence — the same bar the review desk applies.</p> </details> </div> </section>   </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-xahix5fp> <a href="/ai-for-dummies/agents/" data-astro-cid-xahix5fp>Agents & trees →</a> <a href="/ai-for-dummies/rules/" data-astro-cid-xahix5fp>Rules case study →</a> <a href="/ai-for-dummies/skills-review/" data-astro-cid-xahix5fp>Review submitted skills →</a> <a href="/ai-for-dummies/full-guide/#create-skill" data-astro-cid-xahix5fp>Full guide: skill forge →</a> </nav> </nav> <div class="text" data-astro-cid-bmvnf73n>     </div> </section>   </body></html> 
@@ -1,5 +1,4 @@
-<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Route map</title><meta name="description" content><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.CVOStimI.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.Dfo_cwQJ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.Bvwgp4pJ.css"><style>.grid[data-astro-cid-wrac2jwd]{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:100px}.grid[data-astro-cid-wrac2jwd]>.card{min-height:220px;padding:28px;background:var(--paper)}.grid[data-astro-cid-wrac2jwd]>.card b{color:var(--red);font-size:clamp(24px,24px,24px);font-family:ui-monospace,monospace}.grid[data-astro-cid-wrac2jwd]>.card h2{margin:18px 0 8px;font-size:clamp(25px,25px,25px);letter-spacing:-.04em}.grid[data-astro-cid-wrac2jwd]>.card p{margin:0 0 14px;color:var(--muted)}.grid[data-astro-cid-wrac2jwd]>.card a{color:var(--blue);font-weight:700}@media(max-width:800px){.grid[data-astro-cid-wrac2jwd]{grid-template-columns:1fr}}@media(max-width:560px){.grid[data-astro-cid-wrac2jwd]>.card{min-height:0}}
+<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>AI For Dummies — Route map</title><meta name="description" content><link rel="stylesheet" href="/ai-for-dummies/_astro/tokens.BxNFvepo.css"><link rel="stylesheet" href="/ai-for-dummies/fonts/fonts.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/base.BX9jSTkZ.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/chapters.BPlnnXOa.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/motion.DuPi8tKA.css"><link rel="stylesheet" href="/ai-for-dummies/_astro/summary.BY10Mri1.css">
-.top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}.footer[data-astro-cid-bmvnf73n]{padding:30px 0 70px;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
+<link rel="stylesheet" href="/ai-for-dummies/_astro/ChapterHero.DU6N_2z3.css"></head> <body>    <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/full-guide/">← AI FOR DUMMIES</a></div> <div class="cell" data-astro-cid-xattfbdu><span>00 / ROUTE MAP</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/skills-review/">review desk ↗</a></div> </header>  <main>     <section class="hero rise-in" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Start here</p>  <h1 class="parallax-near" data-astro-cid-7xzskqga><span>Ship the<br><em>system.</em></span></h1> <div class="intro parallax-far" data-astro-cid-7xzskqga>  <p>This guide turns AI work into a shape: frame the problem, choose the model and agent, isolate changes, teach repeatable decisions, and verify the result.</p> </div>  </section>  <section class="grid reveal" style="--columns: 3" data-astro-cid-wrac2jwd>  <article class="card"> <b>01</b><h2>Models</h2><p>Capability and effort are separate knobs.</p><a href="/ai-for-dummies/models/">Open chapter →</a> </article> <article class="card"> <b>02</b><h2>Agents & trees</h2><p>Bound roles, handoffs, and worktrees.</p><a href="/ai-for-dummies/agents/">Open chapter →</a> </article> <article class="card"> <b>03</b><h2>Skills</h2><p>Capture repeatable decisions.</p><a href="/ai-for-dummies/skills/">Open chapter →</a> </article> <article class="card"> <b>04</b><h2>Rules</h2><p>Connect guidance to enforcement.</p><a href="/ai-for-dummies/rules/">Open chapter →</a> </article> <article class="card"> <b>05</b><h2>Practice</h2><p>Compare prompts and skill-enabled runs.</p><a href="/ai-for-dummies/hands-on/starter/">Open lab →</a> </article> <article class="card"> <b>06</b><h2>Review desk</h2><p>Browse original files and improved drafts.</p><a href="/ai-for-dummies/skills-review/">Open desk →</a> </article>  </section>      </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <a href="/ai-for-dummies/full-guide/">Full field guide</a><a href="/ai-for-dummies/docs/operations-guide.md">Operations guide</a> </nav> <div class="text" data-astro-cid-bmvnf73n>   <span>
 </style></head> <body>   <header class="top" id="top" data-astro-cid-xattfbdu> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/full-guide/">← AI FOR DUMMIES</a></div> <div class="cell" data-astro-cid-xattfbdu><span>00 / ROUTE MAP</span></div> <div class="cell" data-astro-cid-xattfbdu><a href="/ai-for-dummies/skills-review/">review desk ↗</a></div> </header>  <main>     <section class="hero" data-astro-cid-7xzskqga> <p data-astro-cid-4yr5atew="true" class="eyebrow tone-red">Start here</p>  <h1 data-astro-cid-7xzskqga><span>Ship the<br><em>system.</em></span></h1> <div class="intro" data-astro-cid-7xzskqga>  <p>This guide turns AI work into a shape: frame the problem, choose the model and agent, isolate changes, teach repeatable decisions, and verify the result.</p> </div>  </section>  <section class="grid" style="--columns: 3" data-astro-cid-wrac2jwd>  <article class="card"> <b>01</b><h2>Models</h2><p>Capability and effort are separate knobs.</p><a href="/ai-for-dummies/models/">Open chapter →</a> </article> <article class="card"> <b>02</b><h2>Agents & trees</h2><p>Bound roles, handoffs, and worktrees.</p><a href="/ai-for-dummies/agents/">Open chapter →</a> </article> <article class="card"> <b>03</b><h2>Skills</h2><p>Capture repeatable decisions.</p><a href="/ai-for-dummies/skills/">Open chapter →</a> </article> <article class="card"> <b>04</b><h2>Rules</h2><p>Connect guidance to enforcement.</p><a href="/ai-for-dummies/rules/">Open chapter →</a> </article> <article class="card"> <b>05</b><h2>Practice</h2><p>Compare prompts and skill-enabled runs.</p><a href="/ai-for-dummies/hands-on/starter/">Open lab →</a> </article> <article class="card"> <b>06</b><h2>Review desk</h2><p>Browse original files and improved drafts.</p><a href="/ai-for-dummies/skills-review/">Open desk →</a> </article>  </section>      </main> <section class="footer" data-astro-cid-bmvnf73n> <nav class="links" aria-label="Chapter navigation" data-astro-cid-bmvnf73n> <a href="/ai-for-dummies/full-guide/">Full field guide</a><a href="/ai-for-dummies/docs/operations-guide.md">Operations guide</a> </nav> <div class="text" data-astro-cid-bmvnf73n>   <span>
 Each chapter stands alone; the order follows a real task becoming a reliable change.
 </span>  </div> </section>   </body></html>
		`@@ -0,0 +1 @@`
							.top[data-astro-cid-xattfbdu]{display:flex;align-items:baseline;justify-content:space-between;gap:20px;max-width:1400px;margin-inline:auto;padding-block:24px;padding-inline:5vw;border-bottom:1px solid var(--line);font:700 var(--step-0) var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top[data-astro-cid-xattfbdu] a{color:var(--ink);text-decoration:none}.top[data-astro-cid-xattfbdu] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.cell[data-astro-cid-xattfbdu]:nth-child(2){display:none}}@media(max-width:520px){.top[data-astro-cid-xattfbdu]{padding-inline:16px}}.footer[data-astro-cid-bmvnf73n]{max-width:1400px;margin-inline:auto;padding-block:30px 70px;padding-inline:5vw;color:var(--muted);font-size:clamp(13px,13px,13px)}.links[data-astro-cid-bmvnf73n]{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links[data-astro-cid-bmvnf73n] a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:var(--step-0) var(--font-mono);text-transform:uppercase;transition:color var(--dur-press) var(--ease-out),background-color var(--dur-press) var(--ease-out),transform var(--dur-press) var(--ease-out)}.links[data-astro-cid-bmvnf73n] a:hover{color:var(--paper);background:var(--ink)}.links[data-astro-cid-bmvnf73n] a:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.links[data-astro-cid-bmvnf73n] a:active{transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.links[data-astro-cid-bmvnf73n] a{transition:none}}@media(max-width:520px){.footer[data-astro-cid-bmvnf73n]{padding-inline:16px}}.eyebrow[data-astro-cid-4yr5atew]{margin:0;font:600 var(--step-0) "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.tone-accent[data-astro-cid-4yr5atew]{color:var(--accent)}.tone-gold[data-astro-cid-4yr5atew]{color:var(--gold)}.tone-red[data-astro-cid-4yr5atew]{color:var(--red)}.hero[data-astro-cid-7xzskqga]{padding:100px 0 70px;max-width:950px}h1[data-astro-cid-7xzskqga]{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}h1[data-astro-cid-7xzskqga] em{font:400 .9em Georgia,serif;color:var(--red)}.intro[data-astro-cid-7xzskqga] p{max-width:680px;margin:0;color:var(--muted);font-size:clamp(20px,20px,20px)}@media(max-width:800px){.hero[data-astro-cid-7xzskqga]{padding:65px 0 45px}}@media(max-width:560px){h1[data-astro-cid-7xzskqga]{font-size:clamp(56px,56px,56px)}.intro[data-astro-cid-7xzskqga] p{font-size:clamp(17px,17px,17px)}}
		`@@ -0,0 +1 @@`
							.draw-line[data-astro-cid-n6ozym62]{--draw-height: 120px;display:block;width:auto;max-width:100%;height:var(--draw-height);margin-top:28px;overflow:visible}.draw-line[data-astro-cid-n6ozym62] path[data-astro-cid-n6ozym62]{fill:none;stroke:var(--line);stroke-width:1}@media(max-width:800px){.draw-line[data-astro-cid-n6ozym62]{height:48px;margin-top:18px}}.flow[data-astro-cid-ld3fmquo]{--flow-gutter: 64px;--flow-pad: 20px;margin:0;padding:0;list-style:none}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]{position:relative}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]+li[data-astro-cid-ld3fmquo]{padding-top:34px}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]+li[data-astro-cid-ld3fmquo]:before{content:"";position:absolute;top:0;left:calc(var(--flow-pad) + var(--flow-gutter) / 2);width:1px;height:24px;background:var(--muted)}.flow[data-astro-cid-ld3fmquo] li[data-astro-cid-ld3fmquo]+li[data-astro-cid-ld3fmquo]:after{content:"";position:absolute;top:22px;left:calc(var(--flow-pad) + var(--flow-gutter) / 2 - 5px);border-right:5px solid transparent;border-left:5px solid transparent;border-top:8px solid var(--gold)}.flow[data-astro-cid-ld3fmquo] article[data-astro-cid-ld3fmquo]{display:grid;grid-template-columns:var(--flow-gutter) 1fr;gap:20px;padding:var(--flow-pad);background:var(--paper);border:1px solid var(--line)}.flow[data-astro-cid-ld3fmquo] b[data-astro-cid-ld3fmquo]{text-align:center;color:var(--red);font:var(--step-20) / 1 var(--font-mono)}.flow[data-astro-cid-ld3fmquo] strong[data-astro-cid-ld3fmquo]{display:block}.flow[data-astro-cid-ld3fmquo] span[data-astro-cid-ld3fmquo]{color:var(--muted)}@media(max-width:560px){.flow[data-astro-cid-ld3fmquo]{--flow-gutter: 45px;--flow-pad: 16px}.flow[data-astro-cid-ld3fmquo] article[data-astro-cid-ld3fmquo]{gap:12px}}
		`@@ -0,0 +1 @@`
							`.pipeline[data-astro-cid-lxoypzh2]>.panel[data-astro-cid-lxoypzh2]{min-width:0}.pipeline[data-astro-cid-lxoypzh2]>.tree-figure[data-astro-cid-lxoypzh2]{grid-column:1 / -1;margin-top:20px}`
		`@@ -1 +1 @@`
			`body{font-family:var(--font-sans)}button,input,textarea,select{font:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}a{text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .18s cubic-bezier(.2,0,0,1),text-decoration-color .18s cubic-bezier(.2,0,0,1)}a:hover{text-decoration-color:currentcolor}@media(prefers-reduced-motion:reduce){a{transition:none}}`				`body{font-family:var(--font-sans)}button,input,textarea,select{font:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}a{text-decoration-thickness:1px;text-underline-offset:.18em;transition:color .18s cubic-bezier(.2,0,0,1),text-decoration-color .18s cubic-bezier(.2,0,0,1)}a:hover{text-decoration-color:currentcolor}@media(prefers-reduced-motion:reduce){a{transition:none}}@media(width>=2560px){body{zoom:1.5}}@media(width>=3840px){body{zoom:1.75}}`
		`@@ -0,0 +1 @@`
							:root{--ink:#122534;--paper:#f6f3ed;--line:#d0d5d2;--muted:#65717a;--blue:#215675;--gold:#ebbf58;--red:#a7483f;--font-sans:manrope,arial,sans-serif;--font-mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--font-sans)}main{max-width:1400px;margin:auto;padding:0 5vw}.top{display:flex;justify-content:space-between;gap:20px;max-width:1400px;margin-inline:auto;padding:24px 5vw;border-bottom:1px solid var(--line);font:700 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top a{color:var(--ink);text-decoration:none}.hero{padding:100px 0 70px;max-width:950px}.eyebrow{color:var(--red);font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}.hero h1 em,h2 em{font:400 .9em Georgia,serif;color:var(--red)}.hero p{max-width:680px;color:var(--muted);font-size:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:100px}.card{min-height:220px;padding:28px;background:var(--paper)}.card b{color:var(--red);font:24px var(--font-mono)}.card h2{margin:18px 0 8px;font-size:25px;letter-spacing:-.04em}.card p{margin:0 0 14px;color:var(--muted)}.card a{color:var(--blue);font-weight:700}.model,.pipeline,.practice{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:80px 0;border-top:1px solid var(--line)}.model h2,.pipeline h2,.practice h2{margin:0;font-size:clamp(34px,5vw,70px);line-height:.95;letter-spacing:-.06em}.panel{padding:28px;background:var(--ink);color:var(--paper)}.panel strong{display:block;color:var(--gold);font:700 12px var(--font-mono);letter-spacing:.1em}.panel code{display:block;margin-top:18px;color:#d6e1e4;font:14px/1.8 var(--font-mono);white-space:pre-wrap}.steps{display:grid;gap:1px;background:var(--line)}.steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px;background:var(--paper)}.steps b{color:var(--red);font:20px var(--font-mono)}.steps strong{display:block}.steps span{color:var(--muted)}.links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:11px var(--font-mono);text-transform:uppercase}.links a:hover{color:var(--paper);background:var(--ink)}footer{padding:30px 0 70px;color:var(--muted);font-size:13px}@media(max-width:800px){.grid,.model,.pipeline,.practice{grid-template-columns:1fr}.hero{padding:65px 0 45px}.model,.pipeline,.practice{gap:25px;padding:55px 0}}@media(max-width:520px){main{padding:0 16px}.top{padding-inline:16px}.top span{display:none}.hero h1{font-size:56px}.hero p{font-size:17px}.card{min-height:0}.steps article{grid-template-columns:45px 1fr}}
		`@@ -1 +0,0 @@`
			:root{--ink:#122534;--paper:#f6f3ed;--line:#d0d5d2;--muted:#65717a;--blue:#215675;--gold:#ebbf58;--red:#a7483f;--font-sans:manrope,arial,sans-serif;--font-mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 var(--font-sans)}main{max-width:1400px;margin:auto;padding:0 5vw}.top{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font:700 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.top a{color:var(--ink);text-decoration:none}.hero{padding:100px 0 70px;max-width:950px}.eyebrow{color:var(--red);font:700 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:16px 0;font-size:clamp(52px,9vw,126px);line-height:.9;letter-spacing:-.07em}.hero h1 em,h2 em{font:400 .9em Georgia,serif;color:var(--red)}.hero p{max-width:680px;color:var(--muted);font-size:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:100px}.card{min-height:220px;padding:28px;background:var(--paper)}.card b{color:var(--red);font:24px var(--font-mono)}.card h2{margin:18px 0 8px;font-size:25px;letter-spacing:-.04em}.card p{margin:0 0 14px;color:var(--muted)}.card a{color:var(--blue);font-weight:700}.model,.pipeline,.practice{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:80px 0;border-top:1px solid var(--line)}.model h2,.pipeline h2,.practice h2{margin:0;font-size:clamp(34px,5vw,70px);line-height:.95;letter-spacing:-.06em}.panel{padding:28px;background:var(--ink);color:var(--paper)}.panel strong{display:block;color:var(--gold);font:700 12px var(--font-mono);letter-spacing:.1em}.panel code{display:block;margin-top:18px;color:#d6e1e4;font:14px/1.8 var(--font-mono);white-space:pre-wrap}.steps{display:grid;gap:1px;background:var(--line)}.steps article{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px;background:var(--paper)}.steps b{color:var(--red);font:20px var(--font-mono)}.steps strong{display:block}.steps span{color:var(--muted)}.links{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 70px}.links a{padding:10px 13px;color:var(--ink);border:1px solid var(--ink);text-decoration:none;font:11px var(--font-mono);text-transform:uppercase}.links a:hover{color:var(--paper);background:var(--ink)}footer{padding:30px 0 70px;color:var(--muted);font-size:13px}@media(max-width:800px){.grid,.model,.pipeline,.practice{grid-template-columns:1fr}.hero{padding:65px 0 45px}.model,.pipeline,.practice{gap:25px;padding:55px 0}}@media(max-width:520px){main{padding:0 16px}.top span{display:none}.hero h1{font-size:56px}.hero p{font-size:17px}.card{min-height:0}.steps article{grid-template-columns:45px 1fr}}
		`@@ -0,0 +1 @@`
							.grid[data-astro-cid-65v63m4u]{--columns: 3;display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:1px;background:var(--line)}.grid[data-astro-cid-65v63m4u]>*{background:var(--paper)}@media(max-width:800px){.grid[data-astro-cid-65v63m4u]{grid-template-columns:1fr}}.card[data-astro-cid-4yogs2gu]{display:flex;min-width:0;flex-direction:column;min-height:220px;padding:28px;background:var(--paper)}.card[data-astro-cid-4yogs2gu] b[data-astro-cid-4yogs2gu]{color:var(--red);font-size:var(--step-24);font-family:ui-monospace,monospace}.card[data-astro-cid-4yogs2gu] h2[data-astro-cid-4yogs2gu]{margin:18px 0 8px;font-size:var(--step-25);letter-spacing:-.04em}.card[data-astro-cid-4yogs2gu] p[data-astro-cid-4yogs2gu]{margin:0 0 14px;color:var(--muted)}.card[data-astro-cid-4yogs2gu] a[data-astro-cid-4yogs2gu]{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none}.card[data-astro-cid-4yogs2gu] a[data-astro-cid-4yogs2gu]:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media(max-width:560px){.card[data-astro-cid-4yogs2gu]{min-height:0}}.guide-launch[data-astro-cid-j7pv25f6]{display:inline-flex;gap:14px;align-items:center;margin-top:20px;padding:12px 16px;background:var(--ink);color:var(--paper);font:700 var(--step-12) var(--font-mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,background .2s ease}.guide-launch[data-astro-cid-j7pv25f6]:hover{transform:translateY(-3px);background:var(--blue)}.guide-launch[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:var(--gold);font-size:var(--step-22);line-height:0}.landing-note[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;margin:0 0 70px;padding:25px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.landing-note[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{color:var(--red);font:700 var(--step-0) var(--font-mono);letter-spacing:.1em}.landing-note[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{font-size:var(--step-4);line-height:1.08;letter-spacing:-.04em}@media(max-width:560px){.landing-note[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:9px;margin-bottom:45px}}@media(prefers-reduced-motion:reduce){.guide-launch[data-astro-cid-j7pv25f6]{transition:none}.guide-launch[data-astro-cid-j7pv25f6]:hover{transform:none}}
		`@@ -0,0 +1 @@`
							`.model[data-astro-cid-wmd6b3pc]>.panel[data-astro-cid-wmd6b3pc]{min-width:0}`
		`@@ -0,0 +1 @@`
							@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.reveal{animation:reveal-rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}.parallax-near{animation:parallax-near linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.parallax-far{animation:parallax-far linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.depth-slow{animation:depth-slow linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.depth-fast{animation:depth-fast linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.draw-line path{stroke-dasharray:100;stroke-dashoffset:100;animation:line-draw linear both;animation-timeline:view();animation-range:cover 40% cover 75%}}.rise-in{animation:load-rise var(--dur-rise) var(--ease-out) both}}@keyframes reveal-rise{0%{opacity:.01;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes parallax-near{0%{transform:translateY(0)}to{transform:translateY(14px)}}@keyframes parallax-far{0%{transform:translateY(0)}to{transform:translateY(30px)}}@keyframes depth-slow{0%{transform:translateY(38px)}to{transform:translateY(-38px)}}@keyframes depth-fast{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes line-draw{to{stroke-dashoffset:0}}@keyframes load-rise{0%{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.reveal,.parallax-near,.parallax-far,.depth-slow,.depth-fast,.rise-in{animation:none}.draw-line path{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}
		`@@ -0,0 +1 @@`
							.catalog>aside{position:sticky;top:24px;display:flex;flex-direction:column;align-self:start;max-height:calc(100dvh - 48px);overflow:hidden}#skill-list{min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--blue) var(--paper)}#skill-list button,.file-tabs button,.switch button,.preview button{transition:color .18s cubic-bezier(.2,0,0,1),background-color .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}#skill-list button:hover,#skill-list button:focus-visible{transform:translate(3px)}.detail>{animation:review-detail-in .2s cubic-bezier(.2,0,0,1) both}.detail a,.research a{text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}.detail a:hover,.research a:hover{text-decoration-color:currentColor}@keyframes review-detail-in{0%{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.catalog>aside{position:static;max-height:none}#skill-list{max-height:50dvh}}@media(prefers-reduced-motion:reduce){#skill-list button,.file-tabs button,.switch button,.preview button{transition:none}.detail>{animation:none}}