@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/bricolage-grotesque-latin-700-normal.gtcctNPv.woff2)format("woff2"),url(/_astro/bricolage-grotesque-latin-700-normal.DvJDmrLu.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/bricolage-grotesque-latin-800-normal.J50vIsBe.woff2)format("woff2"),url(/_astro/bricolage-grotesque-latin-800-normal.Br4b-5gk.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/inter-latin-400-normal.C38fXH4l.woff2)format("woff2"),url(/_astro/inter-latin-400-normal.CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/inter-latin-600-normal.LgqL8muc.woff2)format("woff2"),url(/_astro/inter-latin-600-normal.CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/inter-latin-700-normal.Yt3aPRUw.woff2)format("woff2"),url(/_astro/inter-latin-700-normal.BLAVimhd.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/jetbrains-mono-latin-400-normal.V6pRDFza.woff2)format("woff2"),url(/_astro/jetbrains-mono-latin-400-normal.6-qcROiO.woff)format("woff")}:root{color-scheme:light;--c4-font-display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--c4-font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--c4-font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--c4-font-hand:var(--c4-font-display);--c4-text-display:2.75rem;--c4-leading-display:1.08;--c4-weight-display:700;--c4-tracking-display:-.02em;--c4-text-h1:2.25rem;--c4-leading-h1:1.15;--c4-weight-h1:700;--c4-tracking-h1:-.02em;--c4-text-h2:1.5rem;--c4-leading-h2:1.25;--c4-weight-h2:700;--c4-tracking-h2:0;--c4-text-h3:1.25rem;--c4-leading-h3:1.35;--c4-weight-h3:700;--c4-tracking-h3:0;--c4-text-body:1rem;--c4-leading-body:1.6;--c4-weight-body:400;--c4-tracking-body:0;--c4-text-small:.875rem;--c4-leading-small:1.45;--c4-weight-small:400;--c4-tracking-small:0;--c4-weight-ui:600;--c4-text-display-xl:var(--c4-text-display);--c4-leading-display-xl:var(--c4-leading-display);--c4-weight-display-xl:var(--c4-weight-display);--c4-tracking-display-xl:var(--c4-tracking-display);--c4-text-display-l:var(--c4-text-h1);--c4-leading-display-l:var(--c4-leading-h1);--c4-weight-display-l:var(--c4-weight-h1);--c4-tracking-display-l:var(--c4-tracking-h1);--c4-text-h4:var(--c4-text-h3);--c4-leading-h4:var(--c4-leading-h3);--c4-weight-h4:var(--c4-weight-h3);--c4-tracking-h4:var(--c4-tracking-h3);--c4-text-body-l:var(--c4-text-body);--c4-leading-body-l:var(--c4-leading-body);--c4-weight-body-l:var(--c4-weight-body);--c4-tracking-body-l:var(--c4-tracking-body);--c4-text-body-s:var(--c4-text-small);--c4-leading-body-s:var(--c4-leading-small);--c4-weight-body-s:var(--c4-weight-small);--c4-tracking-body-s:var(--c4-tracking-small);--c4-text-caption:var(--c4-text-small);--c4-leading-caption:var(--c4-leading-small);--c4-weight-caption:var(--c4-weight-ui);--c4-tracking-caption:0;--c4-text-overline:var(--c4-text-small);--c4-leading-overline:var(--c4-leading-small);--c4-weight-overline:var(--c4-weight-ui);--c4-tracking-overline:.04em;--c4-text-code:var(--c4-text-small);--c4-leading-code:var(--c4-leading-body);--c4-weight-code:400;--c4-tracking-code:0;--c4-text-hand-l:var(--c4-text-h2);--c4-leading-hand-l:var(--c4-leading-h2);--c4-weight-hand-l:var(--c4-weight-h2);--c4-tracking-hand-l:0;--c4-text-hand:var(--c4-text-body);--c4-leading-hand:var(--c4-leading-body);--c4-weight-hand:var(--c4-weight-body);--c4-tracking-hand:0;--c4-space-0:0;--c4-space-1:.25rem;--c4-space-2:.5rem;--c4-space-3:1rem;--c4-space-4:1.5rem;--c4-space-5:2.5rem;--c4-space-6:4rem;--c4-space-8:var(--c4-space-5);--c4-space-10:var(--c4-space-5);--c4-space-12:var(--c4-space-6);--c4-space-16:var(--c4-space-6);--c4-space-20:var(--c4-space-6);--c4-space-24:var(--c4-space-6);--c4-radius:12px;--c4-radius-xs:var(--c4-radius);--c4-radius-sm:var(--c4-radius);--c4-radius-md:var(--c4-radius);--c4-radius-lg:var(--c4-radius);--c4-radius-xl:var(--c4-radius);--c4-radius-pill:var(--c4-radius);--c4-line:1px solid var(--c4-border);--c4-motion-fast:.12s;--c4-motion-base:.18s;--c4-motion-slow:.28s;--c4-motion-ease:cubic-bezier(.2,.7,.2,1);--c4-content-max:1200px;--c4-prose-max:68ch;--c4-gutter:24px;--c4-header-h:64px;--c4-ink-900:#1c1f24;--c4-ink-700:#3a3f46;--c4-ink-500:#5a5f66;--c4-ink-300:#a5a9b0;--c4-paper-50:#fff;--c4-paper-100:#faf7f0;--c4-paper-200:#f2eee4;--c4-paper-300:#e3ddcf;--c4-paper-400:#c9c1ae;--c4-teal-100:#ddf2f1;--c4-teal-300:#3cc6c1;--c4-teal-500:#14a3a3;--c4-teal-700:#0c7675;--c4-teal-800:#0a6463;--c4-orange-100:#fde7d7;--c4-orange-300:#f59a5b;--c4-orange-500:#e8742c;--c4-orange-700:#b4501a;--c4-yellow-100:#fdf3c4;--c4-yellow-300:#f2d35b;--c4-yellow-500:#f7d84a;--c4-yellow-800:#7a5a00;--c4-violet-100:#ece7fb;--c4-violet-300:#a894f5;--c4-violet-500:#7c63e6;--c4-violet-700:#5b3fc4;--c4-night-900:#0b0d10;--c4-night-800:#121417;--c4-night-700:#1a1d21;--c4-night-600:#23272c;--c4-night-500:#30353c;--c4-bg:#faf7f0;--c4-surface:#fff;--c4-surface-2:#f2eee4;--c4-border:#e3ddcf;--c4-border-strong:#c9c1ae;--c4-border-input:#8a8273;--c4-text:#1c1f24;--c4-text-muted:#5a5f66;--c4-text-inverse:#fff;--c4-primary:#0c7675;--c4-primary-hover:#0a6463;--c4-primary-tint:#ddf2f1;--c4-on-primary:#fff;--c4-accent:#e8742c;--c4-accent-text:#b4501a;--c4-accent-tint:#fde7d7;--c4-on-accent:#1c1f24;--c4-highlight:#f7d84a;--c4-highlight-tint:#fdf3c4;--c4-on-highlight:#1c1f24;--c4-focus:#0c7675;--c4-success:#1e7a4a;--c4-success-tint:#ddf3e6;--c4-warning:#985900;--c4-warning-tint:#fcefd4;--c4-danger:#b42f28;--c4-danger-tint:#fbe1de;--c4-info:#2563b0;--c4-info-tint:#dfeaf8;--c4-level-idea:#7a5a00;--c4-level-idea-tint:#fdf3c4;--c4-level-idea-dot:#f7d84a;--c4-level-how:#0a6463;--c4-level-how-tint:#ddf2f1;--c4-level-how-dot:#14a3a3;--c4-level-build:#a3460f;--c4-level-build-tint:#fde7d7;--c4-level-build-dot:#e8742c;--c4-level-agent:#5b3fc4;--c4-level-agent-tint:#ece7fb;--c4-level-agent-dot:#7c63e6;--c4-region-us:#2457c5;--c4-region-us-tint:#e1e9fa;--c4-region-eu:#1f7a3e;--c4-region-eu-tint:#dff1e4;--c4-region-asia:#b8303f;--c4-region-asia-tint:#fbe2e5;--c4-region-row:#8a5a00;--c4-region-row-tint:#f8ecd2;--c4-code-bg:#1c1f24;--c4-code-text:#ece8df;--c4-code-muted:#a5a9b0;--c4-code-key:#3cc6c1;--c4-code-string:#f59a5b;--c4-shadow:0 1px 2px #1c1f2414;--c4-shadow-xs:var(--c4-shadow);--c4-shadow-sm:var(--c4-shadow);--c4-shadow-md:var(--c4-shadow);--c4-shadow-lg:var(--c4-shadow);--c4-shadow-sketch:var(--c4-shadow);--c4-paper-night:#ece8df;--c4-tile-pro-bg:var(--c4-ink-900);--c4-tile-pro-text:var(--c4-paper-night);--c4-tile-pro-edge:var(--c4-ink-900);--c4-tile-pro-cta-bg:var(--c4-teal-300);--c4-tile-pro-cta-text:var(--c4-ink-900);--c4-tile-pro-focus:var(--c4-teal-300);--c4-model-ink:var(--c4-ink-900);--c4-model-face:var(--c4-ink-900);--c4-model-grok-bot-fill:var(--c4-violet-300);--c4-model-chatgpt-fill:var(--c4-yellow-500);--c4-model-claude-fill:var(--c4-orange-500);--c4-text-reading:1.0625rem;--c4-text-hero-s:2rem;--c4-text-hero-m:2.5rem;--c4-text-hero-l:3rem;--c4-text-tile-pro:1.75rem;--c4-text-h2-l:2rem;--c4-motion-draw:.9s;--c4-lesson-bar-h:3.25rem;--c4-text-unit-num:1.75rem;--c4-sketch-max:30rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--c4-bg:#121417;--c4-surface:#1a1d21;--c4-surface-2:#23272c;--c4-border:#30353c;--c4-border-strong:#474d56;--c4-border-input:#757c86;--c4-text:#ece8df;--c4-text-muted:#a5a9b0;--c4-text-inverse:#121417;--c4-primary:#3cc6c1;--c4-primary-hover:#62d6d2;--c4-primary-tint:#103634;--c4-on-primary:#121417;--c4-accent:#f59a5b;--c4-accent-text:#f59a5b;--c4-accent-tint:#3a2416;--c4-on-accent:#121417;--c4-highlight:#f2d35b;--c4-highlight-tint:#3a3218;--c4-on-highlight:#121417;--c4-focus:#62d6d2;--c4-success:#5fd08f;--c4-success-tint:#163322;--c4-warning:#f0b54a;--c4-warning-tint:#3a2c12;--c4-danger:#ff8077;--c4-danger-tint:#3d1a18;--c4-info:#79aef2;--c4-info-tint:#16263d;--c4-level-idea:#f2d35b;--c4-level-idea-tint:#3a3218;--c4-level-idea-dot:#f2d35b;--c4-level-how:#3cc6c1;--c4-level-how-tint:#103634;--c4-level-how-dot:#3cc6c1;--c4-level-build:#f59a5b;--c4-level-build-tint:#3a2416;--c4-level-build-dot:#f59a5b;--c4-level-agent:#a894f5;--c4-level-agent-tint:#2a2445;--c4-level-agent-dot:#a894f5;--c4-region-us:#7fa6ff;--c4-region-us-tint:#1a2645;--c4-region-eu:#6ccb8b;--c4-region-eu-tint:#15301f;--c4-region-asia:#ff8a95;--c4-region-asia-tint:#3d1a1f;--c4-region-row:#e0b45c;--c4-region-row-tint:#352a14;--c4-code-bg:#0b0d10;--c4-code-text:#ece8df;--c4-code-muted:#a5a9b0;--c4-code-key:#3cc6c1;--c4-code-string:#f59a5b;--c4-shadow:0 1px 2px #00000073;--c4-tile-pro-edge:var(--c4-border-input);--c4-model-ink:var(--c4-paper-night);--c4-model-face:var(--c4-night-800);--c4-model-chatgpt-fill:var(--c4-yellow-300);--c4-model-claude-fill:var(--c4-orange-300)}}:root[data-theme=dark]{color-scheme:dark;--c4-bg:#121417;--c4-surface:#1a1d21;--c4-surface-2:#23272c;--c4-border:#30353c;--c4-border-strong:#474d56;--c4-border-input:#757c86;--c4-text:#ece8df;--c4-text-muted:#a5a9b0;--c4-text-inverse:#121417;--c4-primary:#3cc6c1;--c4-primary-hover:#62d6d2;--c4-primary-tint:#103634;--c4-on-primary:#121417;--c4-accent:#f59a5b;--c4-accent-text:#f59a5b;--c4-accent-tint:#3a2416;--c4-on-accent:#121417;--c4-highlight:#f2d35b;--c4-highlight-tint:#3a3218;--c4-on-highlight:#121417;--c4-focus:#62d6d2;--c4-success:#5fd08f;--c4-success-tint:#163322;--c4-warning:#f0b54a;--c4-warning-tint:#3a2c12;--c4-danger:#ff8077;--c4-danger-tint:#3d1a18;--c4-info:#79aef2;--c4-info-tint:#16263d;--c4-level-idea:#f2d35b;--c4-level-idea-tint:#3a3218;--c4-level-idea-dot:#f2d35b;--c4-level-how:#3cc6c1;--c4-level-how-tint:#103634;--c4-level-how-dot:#3cc6c1;--c4-level-build:#f59a5b;--c4-level-build-tint:#3a2416;--c4-level-build-dot:#f59a5b;--c4-level-agent:#a894f5;--c4-level-agent-tint:#2a2445;--c4-level-agent-dot:#a894f5;--c4-region-us:#7fa6ff;--c4-region-us-tint:#1a2645;--c4-region-eu:#6ccb8b;--c4-region-eu-tint:#15301f;--c4-region-asia:#ff8a95;--c4-region-asia-tint:#3d1a1f;--c4-region-row:#e0b45c;--c4-region-row-tint:#352a14;--c4-code-bg:#0b0d10;--c4-code-text:#ece8df;--c4-code-muted:#a5a9b0;--c4-code-key:#3cc6c1;--c4-code-string:#f59a5b;--c4-shadow:0 1px 2px #00000073;--c4-tile-pro-edge:var(--c4-border-input);--c4-model-ink:var(--c4-paper-night);--c4-model-face:var(--c4-night-800);--c4-model-chatgpt-fill:var(--c4-yellow-300);--c4-model-claude-fill:var(--c4-orange-300)}html{background:var(--c4-bg);color:var(--c4-text);font-family:var(--c4-font-body);font-size:100%;line-height:var(--c4-leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--c4-font-display);font-optical-sizing:auto}code,kbd,pre{font-family:var(--c4-font-mono)}a{color:var(--c4-primary);text-underline-offset:3px}:focus-visible{outline:2px solid var(--c4-focus);outline-offset:2px;border-radius:var(--c4-radius-xs)}::selection{background:var(--c4-highlight);color:var(--c4-on-highlight)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.callout{border-radius:var(--c4-radius-md);background:var(--c4-highlight);color:var(--c4-on-highlight);margin:.6rem 0;padding:.45rem .7rem;font-weight:600;display:inline-block}.track-switch{top:var(--header-h);z-index:9;background:color-mix(in srgb, var(--bg) 92%, transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding-block:.45rem;display:grid;position:sticky}.track-switch a{border-radius:var(--c4-radius-pill);text-align:center;min-width:0;min-height:44px;color:var(--c4-text);border:1px solid var(--line);justify-content:center;align-items:center;padding-inline:.35rem;text-decoration:none;display:flex}.track-switch a[aria-current=page]{background:var(--c4-primary);color:var(--c4-on-primary);border-color:var(--c4-primary)}.card-meta{flex-wrap:wrap;align-items:center;gap:.5rem .8rem;display:flex}.c4-mi{flex:none;width:24px;height:24px;display:inline-block}.c4-mi--32{width:32px;height:32px}.c4-mi--48{width:48px;height:48px}.c4-mi .o{stroke:var(--c4-model-ink);stroke-width:3.25px;stroke-linejoin:round;stroke-linecap:round}.c4-mi .f{fill:var(--c4-model-face)}.c4-mi .fs{fill:none;stroke:var(--c4-model-face);stroke-width:2.6px;stroke-linecap:round}.c4-mi--grok-bot .b{fill:var(--c4-model-grok-bot-fill)}.c4-mi--chatgpt .b{fill:var(--c4-model-chatgpt-fill)}.c4-mi--claude .b{fill:var(--c4-model-claude-fill)}.c4-bestfit{border:1px solid var(--c4-level-idea);border-radius:var(--c4-radius-pill);background:var(--c4-highlight-tint);min-height:28px;color:var(--c4-text);white-space:normal;align-items:center;gap:6px;padding:0 12px 0 4px;font-size:.875rem;line-height:1;text-decoration:none;display:inline-flex}.c4-bestfit--32{min-height:40px}a.c4-bestfit--32{isolation:isolate;--bf-bleed:var(--c4-space-3);min-height:44px;margin-inline:calc(-1 * var(--bf-bleed));padding-inline:calc(var(--bf-bleed) + 4px) calc(var(--bf-bleed) + 12px);border-radius:var(--c4-radius-pill);background:0 0;border-color:#0000;position:relative}a.c4-bestfit--32:before{content:"";z-index:-1;inset:2px var(--bf-bleed);border:1px solid var(--c4-level-idea);border-radius:var(--c4-radius-pill);background:var(--c4-highlight-tint);position:absolute}@media (width<48rem){a.c4-bestfit--32{--bf-bleed:calc(var(--c4-space-3) - 5px)}}a.c4-bestfit--32:hover:before{box-shadow:inset 0 0 0 2px var(--c4-primary)}a.c4-bestfit--32:active:before{background:var(--c4-primary-tint)}p:has(>a.c4-bestfit--32):has(+.bestfit-reason){margin-block-end:0;display:flex}.bestfit-reason{max-width:68ch;margin:var(--c4-space-1) 0 var(--c4-space-3);color:var(--c4-text);font-size:var(--c4-text-body);font-weight:400;line-height:var(--c4-leading-body)}.bestfit-reason strong{font-weight:600}.model-card{color:inherit;gap:.45rem;text-decoration:none;display:grid}@supports not selector(:has(*)){p>a.c4-bestfit--32{vertical-align:top}.bestfit-reason{margin-top:calc(var(--c4-space-1) - var(--c4-space-3))}}:root{--bg:var(--c4-bg);--bg-elev:var(--c4-surface);--ink:var(--c4-text);--muted:var(--c4-text-muted);--line:var(--c4-border);--accent:var(--c4-primary);--accent-soft:var(--c4-primary-tint);--on-accent:var(--c4-on-primary);--chip:var(--c4-surface-2);--code-bg:var(--c4-code-bg);--code-ink:var(--c4-code-text);--shadow:var(--c4-shadow-md);--focus:var(--c4-focus);--header-h:var(--c4-header-h);--serif:var(--c4-font-display);--sans:var(--c4-font-body);--c4-gutter:16px;--c4-header-h:56px}@media (width>=24rem){:root{--c4-gutter:20px}}@media (width>=40rem){:root{--c4-gutter:24px}}@media (width>=64rem){:root{--c4-gutter:32px;--c4-header-h:64px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--c4-header-h) + 1.25rem)}body{background:var(--c4-bg);color:var(--c4-text);font-family:var(--c4-font-body);font-size:var(--c4-text-body);font-weight:var(--c4-weight-body);line-height:var(--c4-leading-body);margin:0}img{max-width:100%;height:auto}a{color:var(--c4-primary)}a:hover{color:var(--c4-primary-hover)}:focus-visible{outline:3px solid var(--c4-focus);outline-offset:2px}.skip{background:var(--accent);color:var(--on-accent);z-index:20;padding:.6rem .9rem;position:absolute;top:0;left:1rem;transform:translateY(-120%)}.skip:focus{transform:none}.wrap{width:min(var(--c4-content-max), calc(100% - (2 * var(--c4-gutter))));margin-inline:auto}h1,h2,h3,.serif{font-family:var(--c4-font-display);font-weight:var(--c4-weight-h2);line-height:var(--c4-leading-h2);letter-spacing:var(--c4-tracking-h2)}h1{font-size:var(--c4-text-h1);line-height:var(--c4-leading-h1);font-weight:var(--c4-weight-h1);letter-spacing:var(--c4-tracking-h1);margin:0 0 var(--c4-space-4)}h2{font-size:var(--c4-text-h2);line-height:var(--c4-leading-h2);font-weight:var(--c4-weight-h2);letter-spacing:var(--c4-tracking-h2);margin:0 0 var(--c4-space-4)}h3{font-size:var(--c4-text-h3);line-height:var(--c4-leading-h3);font-weight:var(--c4-weight-h3);letter-spacing:var(--c4-tracking-h3);margin:0 0 var(--c4-space-2)}h4{font-family:var(--c4-font-display);font-size:var(--c4-text-h4);line-height:var(--c4-leading-h4);font-weight:var(--c4-weight-h4);letter-spacing:var(--c4-tracking-h4)}p{margin:0 0 var(--c4-space-3)}.lede,.muted{color:var(--muted)}.lede{font-size:var(--c4-text-body-l);line-height:var(--c4-leading-body-l);max-width:var(--c4-prose-max)}.intro{max-width:var(--c4-prose-max)}.hero h1{font-size:var(--c4-text-display-xl);line-height:var(--c4-leading-display-xl);font-weight:var(--c4-weight-display-xl);letter-spacing:var(--c4-tracking-display-xl)}.pillar h1{font-size:var(--c4-text-display-l);line-height:var(--c4-leading-display-l);font-weight:var(--c4-weight-display-l);letter-spacing:var(--c4-tracking-display-l)}.eyebrow{margin:0 0 var(--c4-space-3);color:var(--c4-primary);font-family:var(--c4-font-body);font-size:var(--c4-text-overline);font-weight:var(--c4-weight-overline);letter-spacing:var(--c4-tracking-overline);line-height:var(--c4-leading-overline);text-transform:uppercase}.hero{gap:1.5rem;padding-block:2.5rem 1.5rem;display:grid}.hero-stack{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.hero-stack li{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--c4-radius);box-shadow:var(--shadow);align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.hero-stack span{border-radius:var(--c4-radius);background:var(--accent-soft);width:2rem;height:2rem;color:var(--accent);place-items:center;font-weight:700;display:grid}.section{padding-block:1.25rem .5rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.9rem;display:flex}.section-head h2{margin:0}.meta-date{color:var(--c4-text-muted);font-size:var(--c4-text-body-s);line-height:var(--c4-leading-body-s);margin:0}.post-list{margin:.5rem 0 2rem;padding:0;list-style:none}.post-list li{border-top:1px solid var(--c4-border);padding:1.35rem 0}.post-list h2{font-size:var(--c4-text-h2);margin:.3rem 0 .4rem}.post-list h2 a{text-decoration:none}.post-list p{max-width:42rem;margin:0}.explainer{gap:.75rem;display:grid}.explainer article{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--c4-radius);padding:1rem}.explainer strong{font-family:var(--serif);font-size:var(--c4-text-h3);margin-bottom:.25rem;display:block}.filters{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--c4-radius);gap:.9rem;padding:1rem;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.filters label,.field span{font-size:var(--c4-text-small);margin-bottom:.3rem;font-weight:700;display:block}input,select,textarea,button{font:inherit;color:inherit}input[type=search],input[type=email],input[type=text],input[type=url],select,textarea{border-radius:var(--c4-radius-sm);border:1px solid var(--c4-border-input);background:var(--c4-surface);width:100%;min-height:44px;color:var(--c4-text);padding:.55rem .75rem}textarea{resize:vertical;min-height:7rem}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);background:var(--chip);min-height:44px;color:var(--ink);border-radius:var(--c4-radius);cursor:pointer;padding:.35rem .8rem}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filter-actions{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}.button,button.button{border-radius:var(--c4-radius-md);background:var(--c4-primary);min-height:44px;color:var(--c4-on-primary);cursor:pointer;font-family:var(--c4-font-body);font-weight:600;font-size:var(--c4-text-small);border:1px solid #0000;justify-content:center;align-items:center;padding:.45rem .9rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--c4-primary-hover);color:var(--c4-on-primary)}.button.secondary,button.button.secondary{background:var(--c4-surface);color:var(--c4-text);border-color:var(--c4-border-input)}.button.secondary:hover,button.button.secondary:hover{background:var(--c4-surface);color:var(--c4-primary);border-color:var(--c4-primary)}.button.accent,button.button.accent,.button.accent:hover,button.button.accent:hover{background:var(--c4-accent);color:var(--c4-on-accent)}.grid{grid-template-columns:minmax(0,1fr);gap:.9rem;display:grid}.grid>*{min-width:0}.card{gap:var(--c4-space-2);min-width:0;height:100%;padding:var(--c4-space-4);background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:var(--c4-radius-lg);box-shadow:var(--c4-shadow-sm);color:inherit;transition:box-shadow var(--c4-motion-fast) var(--c4-motion-ease), transform var(--c4-motion-fast) var(--c4-motion-ease);flex-direction:column;text-decoration:none;display:flex;position:relative}.card-cover{z-index:0;border-radius:inherit;position:absolute;inset:0}.card h3 a,.card .c4-bestfit{z-index:1;position:relative}.card h3 a{color:inherit;text-decoration:none}.card:focus-within{outline:3px solid var(--c4-focus);outline-offset:2px}.card:hover{border-color:var(--c4-border-strong);box-shadow:var(--c4-shadow-md);color:inherit;transform:translateY(-2px)}.card .summary,.card .tools{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card h3{-webkit-line-clamp:unset;display:block;overflow:visible}.card h3>a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card .summary{-webkit-line-clamp:2;font-size:var(--c4-text-body-s);line-height:var(--c4-leading-body-s)}.card .tools{-webkit-line-clamp:2;margin-top:auto}.meta-row,.pips,.tag-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.pill,.pips li{font-family:var(--c4-font-body);font-size:var(--c4-text-overline);font-weight:var(--c4-weight-overline);letter-spacing:var(--c4-tracking-overline);line-height:var(--c4-leading-overline);border-radius:var(--c4-radius-sm);background:var(--c4-surface-2);color:var(--c4-text);padding:4px 10px}.pips li[data-on=false]{opacity:.45;text-decoration:line-through}.tiles{gap:.8rem;display:grid}.tile{padding:var(--c4-space-4);border-radius:var(--c4-radius-lg);background:var(--c4-surface);color:var(--c4-text);border:1px solid var(--c4-border);box-shadow:var(--c4-shadow-sm);min-height:9rem;text-decoration:none;display:block}.tile:hover{color:inherit;box-shadow:var(--c4-shadow-md);outline:2px solid var(--c4-primary);outline-offset:2px}.tile p{color:var(--c4-text-muted)}.count-line{margin:.8rem 0;font-weight:700}.empty,.soon,.note{border-radius:var(--c4-radius);background:var(--accent-soft);color:var(--ink);padding:1rem}.site-footer{border-top:1px solid var(--line);margin-top:3rem;padding-block:2rem 3rem}.footer-grid{gap:1.25rem;display:grid}.footer-links{flex-wrap:wrap;gap:.75rem 1rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{text-decoration:none}.case-hero{padding-block:1.5rem .5rem}.crumbs{align-items:center;gap:var(--c4-space-1);row-gap:var(--c4-space-2);font-size:var(--c4-text-small);color:var(--muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.crumbs li{align-items:center;gap:var(--c4-space-1);display:flex}.crumbs a{min-height:44px;padding-inline:var(--c4-space-1);color:var(--muted);align-items:center;display:inline-flex}.crumbs li:first-child a{margin-inline-start:calc(-1 * var(--c4-space-1))}.crumb-sep{color:var(--c4-text-muted)}@media (width<=47.99rem){.lesson-head .crumbs li[aria-current=page],.lesson-head .crumbs li:nth-last-child(2) .crumb-sep{display:none}}.flow,.steps,.plain-list{margin:0;padding-left:1.2rem}.flow li,.steps li,.plain-list li{margin-bottom:.55rem}.fact-grid,.step{gap:.7rem;display:grid}.fact,.step,.prompt{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--c4-radius);padding:.9rem}.prompt pre,.agent-file{border-radius:var(--c4-radius-md);background:var(--c4-code-bg);color:var(--c4-code-text);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--c4-font-mono);font-size:var(--c4-text-code);line-height:var(--c4-leading-code);margin:.6rem 0 0;padding:.9rem;overflow:auto}.button-row{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.switcher-controls{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switcher input:checked+label{background:var(--c4-text);color:var(--c4-bg);border-color:var(--c4-text)}.switcher input:checked+label[data-region=us]{background:var(--c4-region-us-tint);color:var(--c4-region-us);border-color:var(--c4-region-us)}.switcher input:checked+label[data-region=europe]{background:var(--c4-region-eu-tint);color:var(--c4-region-eu);border-color:var(--c4-region-eu)}.switcher input:checked+label[data-region=asia]{background:var(--c4-region-asia-tint);color:var(--c4-region-asia);border-color:var(--c4-region-asia)}.switcher input:checked+label[data-region=world]{background:var(--c4-region-row-tint);color:var(--c4-region-row);border-color:var(--c4-region-row)}.switcher input:focus-visible+label{outline:3px solid var(--focus);outline-offset:3px}.basic-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--c4-radius);overflow:hidden}.basic-card img,.basic-card svg{aspect-ratio:16/9;object-fit:contain;background:var(--c4-surface-2);width:100%;height:auto;display:block}.basic-card>div{padding:var(--c4-space-4)}.basic-card .prose{padding:0}@media (width>=64rem){.grid.basics-grid{grid-template-columns:repeat(2,1fr)}}.news-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.news-list article{border:1px solid var(--line);border-radius:var(--c4-radius);background:var(--bg-elev);padding:1rem}.prose :where(p,li){max-width:42rem}.form-grid{gap:.8rem;display:grid}.status{min-height:1.5rem;font-weight:700}@media (width>=40rem){.hero,.explainer,.fact-grid,.tiles,.footer-grid{grid-template-columns:1.2fr .8fr}.explainer,.tiles,.footer-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.hero{grid-template-columns:1.4fr .8fr;align-items:end}.explainer,.tiles{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fact-grid{grid-template-columns:repeat(3,1fr)}}@supports selector(:has(*)){.switcher [data-panel]{display:none}.switcher:has(#region-us:checked) [data-panel=us],.switcher:has(#region-europe:checked) [data-panel=europe],.switcher:has(#region-asia:checked) [data-panel=asia],.switcher:has(#region-world:checked) [data-panel=world],.switcher:has(#variant-agents:checked) [data-panel=agents],.switcher:has(#variant-CLAUDE:checked) [data-panel=CLAUDE],.switcher:has(#variant-GEMINI:checked) [data-panel=GEMINI],.switcher:has(#variant-cursor:checked) [data-panel=cursor],.switcher:has(#variant-copilot:checked) [data-panel=copilot],.switcher:has(#variant-SKILL:checked) [data-panel=SKILL],.switcher:has(#variant-SOUL:checked) [data-panel=SOUL]{display:block}}.model-mark{align-items:center;gap:var(--c4-space-2);display:inline-flex}.model-mark img{object-fit:contain;width:1.5rem;height:1.5rem}.swipe{background-image:linear-gradient(transparent 58%, var(--c4-highlight) 58%, var(--c4-highlight) 88%, transparent 88%)}.sketch{margin:0}.sketch img{border-radius:var(--c4-radius-lg);width:100%;height:auto;box-shadow:var(--c4-shadow-sketch);display:block}.sketch figcaption{margin-top:var(--c4-space-3);color:var(--c4-text-muted);font-size:var(--c4-text-body-s)}.pips li[data-on=true][data-level=idea]{background:var(--c4-level-idea-tint);color:var(--c4-level-idea)}.pips li[data-on=true][data-level=how]{background:var(--c4-level-how-tint);color:var(--c4-level-how)}.pips li[data-on=true][data-level=build]{background:var(--c4-level-build-tint);color:var(--c4-level-build)}.pips li[data-on=true][data-level=agent]{background:var(--c4-level-agent-tint);color:var(--c4-level-agent)}.explainer article[data-level=idea] strong{color:var(--c4-level-idea)}.explainer article[data-level=how] strong{color:var(--c4-level-how)}.explainer article[data-level=build] strong{color:var(--c4-level-build)}.explainer article[data-level=agent] strong{color:var(--c4-level-agent)}.chip[data-region]{align-items:center;display:inline-flex}.chip[data-region]:before{content:"";border-radius:var(--c4-radius);width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.chip[data-region=us]:before{background:var(--c4-region-us)}.chip[data-region=europe]:before{background:var(--c4-region-eu)}.chip[data-region=asia]:before{background:var(--c4-region-asia)}.chip[data-region=world]:before{background:var(--c4-region-row)}.variant-note,.feed-group{margin-bottom:.8rem}.prose h2,.prose h3,.case-body h2,.case-body h3{scroll-margin-top:calc(var(--header-h) + 4.5rem)}.prose pre,.case-body pre{border-radius:var(--c4-radius-md);background:var(--c4-code-bg);color:var(--c4-code-text);padding:.9rem;overflow:auto}.basic-card img.sketch-shadow{box-shadow:var(--c4-shadow-sketch)}.newsletter{background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:var(--c4-radius-lg);padding:var(--c4-space-4);box-shadow:var(--c4-shadow-sm)}.newsletter h2 a{color:inherit;text-decoration:none}.newsletter h2 a:hover{color:var(--c4-primary)}.region-code{letter-spacing:.04em;margin-right:.35em;font-weight:700}pre,code,.agent-file{font-family:var(--c4-font-mono);font-size:var(--c4-text-code);line-height:var(--c4-leading-code)}.prose{max-width:var(--c4-prose-max)}.filters,.explainer article,.fact,.step,.prompt,.basic-card,.news-list article{background:var(--c4-surface);border:1px solid var(--c4-border);border-radius:var(--c4-radius-lg)}.filters{padding:var(--c4-space-4)}@media (width<=39.99rem){.hero h1{font-size:var(--c4-text-display)}.pillar h1{font-size:var(--c4-text-h1)}h1,h2{font-size:var(--c4-text-h2)}.card,.tile,.newsletter{padding:var(--c4-space-5)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.tag-more summary{cursor:pointer;min-height:44px;color:var(--c4-primary);align-items:center;font-weight:600;display:inline-flex}.tag-more[open]{margin-top:var(--c4-space-2)}.agent-file{border-top-left-radius:0;border-top-right-radius:0;max-height:30rem;margin-top:0}.agent-file.is-open{max-height:none}.agent-file-head{background:var(--c4-surface-2);padding:var(--c4-space-2) var(--c4-space-4);border-radius:var(--c4-radius-md) var(--c4-radius-md) 0 0;font-family:var(--c4-font-mono);font-size:var(--c4-text-code);margin-top:.6rem}.agent-file+.button{margin-top:var(--c4-space-3)}:root[data-theme=dark] .swipe{background-image:linear-gradient(transparent 80%, var(--c4-highlight) 80%, var(--c4-highlight) 94%, transparent 94%)}.prose a,.variant-note+p a,.prose :not(pre)>code{overflow-wrap:anywhere}.checksum{font-size:var(--c4-text-body-s);overflow-wrap:anywhere;margin-bottom:.8rem}.checksum code{font-family:var(--c4-font-mono);font-size:var(--c4-text-small)}a.term{color:inherit;text-underline-offset:.18em;cursor:help;text-decoration-line:underline;text-decoration-style:dotted;position:relative}a.term:hover,a.term:focus-visible{color:var(--c4-primary)}a.term:after{content:attr(data-tip);left:0;bottom:calc(100% + var(--c4-space-2));z-index:5;width:max-content;max-width:16rem;padding:var(--c4-space-2) var(--c4-space-3);background:var(--c4-surface);color:var(--c4-text);border:var(--c4-line);border-radius:var(--c4-radius);box-shadow:var(--c4-shadow);font-family:var(--c4-font-body);font-size:var(--c4-text-small);font-weight:var(--c4-weight-body);line-height:var(--c4-leading-small);letter-spacing:0;text-transform:none;white-space:normal;pointer-events:none;text-decoration:none;display:none;position:absolute}a.term:hover:after,a.term:focus-visible:after{display:block}.letter-nav{gap:var(--c4-space-2);margin:0 0 var(--c4-space-5);flex-wrap:wrap;display:flex}.letter-nav a{color:var(--c4-text);font-family:var(--c4-font-display);font-size:var(--c4-text-small);font-weight:var(--c4-weight-ui);text-decoration:none}.dict-letter{margin:0 0 var(--c4-space-5)}.dict-list{gap:var(--c4-space-4);display:grid}.dict-entry{gap:var(--c4-space-3);padding:var(--c4-space-4);display:grid}.dict-figure{color:inherit;text-decoration:none;display:block}.dict-sketch,.sketch-placeholder{aspect-ratio:4/3;object-fit:cover;border:var(--c4-line);border-radius:var(--c4-radius);background:var(--c4-surface);width:100%;display:block}.sketch-placeholder{align-content:center;place-items:center;gap:var(--c4-space-2);background:var(--c4-highlight);color:var(--c4-on-highlight);text-align:center;margin:0;display:grid}.sketch-placeholder strong{font-family:var(--c4-font-display);font-size:var(--c4-text-h2);line-height:1}.sketch-placeholder span{font-family:var(--c4-font-body);font-size:var(--c4-text-small)}.dict-meta{gap:var(--c4-space-2);color:var(--c4-text-muted);font-size:var(--c4-text-small);flex-wrap:wrap;align-items:baseline;display:flex}.dict-meta span{font-weight:var(--c4-weight-ui);color:var(--c4-text)}.dict-meta span.dict-plain{font-weight:var(--c4-weight-body);color:var(--c4-text-muted)}.dict-term .dict-sketch,.dict-term .sketch-placeholder{max-width:20rem;margin-bottom:var(--c4-space-4)}.signoff{margin-top:var(--c4-space-5)}@media (width>=48rem){.dict-entry{grid-template-columns:minmax(0,12rem) minmax(0,1fr);align-items:start}}.wrap,.header-inner,.prose,.case-body,.case-hero,.filters,.switcher,.newsletter,.site-footer{min-width:0;max-width:100%}pre,.agent-file{max-width:100%;overflow-x:auto}.newsletter fieldset{border:0;gap:.8rem;min-width:0;margin:0;padding:0;display:grid}.soon{margin:0 0 .6rem}.more-mentions{flex:100%;min-width:0}.more-mentions summary{cursor:pointer;min-height:44px;color:var(--c4-primary);align-items:center;font-weight:600;display:inline-flex}.more-mentions[open]{gap:var(--c4-space-2);flex-wrap:wrap;align-items:baseline;display:flex}[hidden]{display:none!important}.site-header{z-index:30;background:var(--c4-bg);border-bottom:1px solid var(--c4-border);position:sticky;top:0}@media (width>=64rem){.site-header{background:color-mix(in srgb, var(--c4-bg) 88%, transparent);backdrop-filter:blur(12px)}}.header-inner{align-items:center;gap:var(--c4-space-2);min-height:var(--c4-header-h);grid-template-columns:minmax(0,1fr) 44px auto;display:grid}.logo{min-width:0;min-height:48px;color:var(--c4-text);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.logo:hover{color:var(--c4-text)}.wordmark-svg{flex:none;width:88px;height:28px;display:block}.wm-hl{fill:var(--c4-highlight)}.wm-cases{fill:var(--c4-text)}.wm-four{fill:var(--c4-accent)}.wm-ai{fill:var(--c4-on-highlight)}.lockup{align-items:center;gap:var(--c4-space-2);color:var(--c4-text-muted);font-family:var(--c4-font-body);font-size:var(--c4-text-small);font-weight:var(--c4-weight-ui);line-height:var(--c4-leading-small);white-space:nowrap;display:inline-flex}.lockup strong{color:var(--c4-primary);font-weight:700}.lockup .rule{background:var(--c4-border-strong);align-self:stretch;width:1px;display:none}.icon-btn{justify-content:center;align-items:center;gap:var(--c4-space-2);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);min-width:44px;min-height:44px;color:var(--c4-text);font:inherit;font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);cursor:pointer;transition:background-color var(--c4-motion-fast) var(--c4-motion-ease);line-height:1.3;text-decoration:none;display:inline-flex}.icon-btn:hover{background:var(--c4-surface-2);color:var(--c4-text)}.nav-toggle{padding-inline:var(--c4-space-3)}@media (width<=22.49rem){.nav-toggle{gap:0;width:44px;padding-inline:0;position:relative}.nav-toggle [data-menu-label]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.nav-toggle .ico-close,.nav-toggle[aria-expanded=true] .ico-open{display:none}.nav-toggle[aria-expanded=true] .ico-close{display:inline}.theme-toggle{min-height:44px;padding-inline:var(--c4-space-3);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);color:var(--c4-text);font:inherit;font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--c4-surface-2)}.header-inner>.nav-main,.header-inner>.nav-subscribe,.header-inner>.theme-toggle,html:not(.js) [data-js-only]{display:none}.nav-main a,.more-menu summary{min-height:44px;padding-inline:var(--c4-space-2);border-radius:var(--c4-radius);color:var(--c4-text);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);white-space:nowrap;transition:background-color var(--c4-motion-fast) var(--c4-motion-ease);align-items:center;text-decoration:none;display:inline-flex}.nav-main a:hover,.more-menu summary:hover{background:var(--c4-surface-2);color:var(--c4-text)}.nav-main a[aria-current=page]{color:var(--c4-primary);text-underline-offset:6px;text-decoration:underline 2px}.more-menu{position:relative}.more-menu summary{cursor:pointer;list-style:none}.more-menu summary::-webkit-details-marker{display:none}.more-panel{z-index:12;min-width:12rem;padding:var(--c4-space-1);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);box-shadow:var(--c4-shadow);display:grid;position:absolute;top:100%;right:0}.more-panel a{justify-content:flex-start}.nav-subscribe{min-height:44px;font-size:var(--c4-text-body)}@media (width>=80rem){.header-inner{gap:var(--c4-space-2);display:flex}.logo{align-items:center;gap:var(--c4-space-2);flex-direction:row;flex:none}.lockup .rule{display:block}.header-inner>.nav-main{min-width:0;margin-inline:auto var(--c4-space-2);flex-wrap:nowrap;align-items:center;gap:0;display:flex}.header-inner>.nav-subscribe,.header-inner>.theme-toggle{display:inline-flex}.nav-toggle,.nav-drawer{display:none!important}}.nav-drawer{z-index:29;height:calc(100vh - var(--c4-header-h));height:calc(100dvh - var(--c4-header-h));background:var(--c4-bg);padding:var(--c4-space-3) var(--c4-gutter) var(--c4-space-5);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.drawer-inner{width:100%;max-width:var(--c4-content-max);margin-inline:auto;display:grid}.drawer-tracks{gap:var(--c4-space-2);margin-bottom:var(--c4-space-3);display:grid}.drawer-track{gap:var(--c4-space-1);padding:var(--c4-space-3);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);color:var(--c4-text);text-decoration:none;display:grid}.drawer-track strong{font-family:var(--c4-font-display);font-size:var(--c4-text-h3);line-height:var(--c4-leading-h3)}.drawer-track span{-webkit-line-clamp:2;color:var(--c4-text-muted);font-size:var(--c4-text-body);-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.drawer-inner>a:not(.drawer-track):not(.button){border-bottom:1px solid var(--c4-border);min-height:48px;color:var(--c4-text);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);align-items:center;text-decoration:none;display:flex}.drawer-label{margin:var(--c4-space-3) 0 var(--c4-space-1);font-family:var(--c4-font-display);font-size:var(--c4-text-h3);font-weight:700;line-height:var(--c4-leading-h3)}.drawer-subscribe{margin-top:var(--c4-space-4)}.drawer-inner>.theme-toggle{margin-top:var(--c4-space-2)}@media (width>=40rem){.drawer-tracks{grid-template-columns:repeat(3,minmax(0,1fr))}}.site-footer{margin-top:var(--c4-space-6);padding-block:var(--c4-space-5);border-top:1px solid var(--c4-border);background:var(--c4-surface-2)}.footer-lockup{margin:0 0 var(--c4-space-2);gap:var(--c4-space-2)}.footer-lockup .rule{display:block}.footer-mail{align-items:center;min-height:44px;display:inline-flex}.site-footer .footer-links{gap:0 var(--c4-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer .footer-links a{min-height:44px;color:var(--c4-text);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);align-items:center;text-decoration:none;display:flex}.site-footer .footer-links a:hover{color:var(--c4-primary)}.footer-legal{max-width:var(--c4-prose-max);margin:var(--c4-space-4) 0 0;color:var(--c4-text-muted);font-size:var(--c4-text-small);line-height:var(--c4-leading-small)}@media (width>=40rem){.site-footer .footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.site-footer .footer-links{grid-template-columns:repeat(4,minmax(0,1fr))}}body.home{font-size:var(--c4-text-reading)}.home .wrap>.section{padding-block:var(--c4-space-5)}.home .wrap>.section+.section{border-top:1px solid var(--c4-border)}.home h2{font-size:var(--c4-text-h2);margin:0}.home .section-head{align-items:center;gap:var(--c4-space-1) var(--c4-space-3);margin-bottom:var(--c4-space-3)}.home .head-link{min-height:44px;color:var(--c4-primary);font-size:var(--c4-text-reading);font-weight:var(--c4-weight-ui);align-items:center;text-decoration:underline;display:inline-flex}.home .head-link:hover{color:var(--c4-primary-hover)}.home .lede{color:var(--c4-text);font-size:var(--c4-text-reading);line-height:var(--c4-leading-body)}@media (width>=64rem){.home .wrap>.section{padding-block:var(--c4-space-6)}.home h2{font-size:var(--c4-text-h2-l)}}.a-hero{padding:var(--c4-space-4) 0 var(--c4-space-5)}.a-top{gap:var(--c4-space-4);align-items:center;min-width:0;display:grid}.a-top>*,.a-tracks>*{min-width:0}.a-copy .over{color:var(--c4-text-muted);font-family:var(--c4-font-body);font-size:var(--c4-text-reading);font-weight:var(--c4-weight-ui);margin:0;line-height:1.3}.a-copy .h1{max-width:20ch;margin:var(--c4-space-2) 0 var(--c4-space-3);font-size:var(--c4-text-hero-s);line-height:var(--c4-leading-display);font-weight:var(--c4-weight-display);letter-spacing:var(--c4-tracking-display)}.a-copy .lede{max-width:60ch;margin:0 0 var(--c4-space-3)}.a-copy .button-row{gap:var(--c4-space-2);margin:0}.a-copy .button{min-height:48px;padding-inline:var(--c4-space-3);border:2px solid var(--c4-primary);font-size:var(--c4-text-reading)}.a-copy .button.secondary{border-color:var(--c4-text);color:var(--c4-text);background:0 0}.a-copy .button.secondary:hover{background:var(--c4-surface-2);color:var(--c4-text)}@media (width<=23.99rem){.a-copy .button{width:100%}}@media (width>=24rem){.a-copy .button{padding-inline:var(--c4-space-4)}}.a-sketch{max-width:none;margin:0 calc(-1 * var(--c4-gutter));background:var(--c4-surface);box-shadow:none;border:0;border-radius:0;padding:0;overflow:hidden}.a-sketch img{width:100%;height:auto;display:block}@media (width>=40rem){.a-hero .a-copy .h1{font-size:var(--c4-text-hero-m)}.a-sketch{padding:var(--c4-space-2);border:1px solid var(--c4-border);border-radius:var(--c4-radius);box-shadow:var(--c4-shadow);margin:0}.a-sketch img{border-radius:calc(var(--c4-radius) - var(--c4-space-1))}}@media (width>=64rem){.a-hero{padding:var(--c4-space-5) 0 var(--c4-space-6)}.a-top{gap:var(--c4-space-5);grid-template-columns:5fr 7fr}.a-hero .a-copy .h1{font-size:var(--c4-text-hero-l)}}.a-tracks{gap:var(--c4-space-3);margin-top:var(--c4-space-4);display:grid}.a-tracks .tile{gap:var(--c4-space-2);min-height:0;padding:var(--c4-space-4);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);box-shadow:var(--c4-shadow);color:var(--c4-text);transition:border-color var(--c4-motion-fast) var(--c4-motion-ease);flex-direction:column;display:flex;position:relative}.a-tracks .tile:hover{border-color:var(--c4-primary);box-shadow:var(--c4-shadow);outline:0}.a-tracks .tile h3,.a-tracks .tile p,.a-tracks .tile ul{margin:0}.a-tracks .tile h3{font-size:var(--c4-text-h2);line-height:var(--c4-leading-h2)}.a-tracks .tile p{color:var(--c4-text)}.a-tracks .tile .kicker,.a-tracks .tile .count{color:var(--c4-text-muted);font-size:var(--c4-text-reading);font-weight:var(--c4-weight-ui)}.a-tracks .tile .go{min-height:44px;padding-inline:var(--c4-space-3);border:2px solid var(--c4-text);border-radius:var(--c4-radius);color:var(--c4-text);font-size:var(--c4-text-reading);font-weight:var(--c4-weight-ui);background:0 0;justify-content:center;align-self:flex-start;align-items:center;margin-top:auto;text-decoration:none;display:inline-flex}.a-tracks .tile .go:after{content:"";border-radius:var(--c4-radius);position:absolute;inset:0}.a-tracks .a-pro{border:2px solid var(--c4-tile-pro-edge);background:var(--c4-tile-pro-bg);color:var(--c4-tile-pro-text)}.a-tracks .a-pro:hover{border-color:var(--c4-tile-pro-cta-bg)}.a-tracks .a-pro h3{color:var(--c4-tile-pro-text);font-size:var(--c4-text-tile-pro)}.a-tracks .a-pro p,.a-tracks .a-pro li{color:var(--c4-tile-pro-text)}.a-tracks .a-pro ul{padding-left:1.2em;list-style:outside}.a-tracks .a-pro .tag{align-items:center;gap:var(--c4-space-2);flex-wrap:wrap;display:flex}.a-tracks .a-pro .main,.a-tracks .a-pro .new-badge{padding:var(--c4-space-1) var(--c4-space-2);border-radius:var(--c4-radius);font-family:var(--c4-font-body);font-size:var(--c4-text-body);letter-spacing:.04em;text-transform:uppercase;font-weight:700;line-height:1.3}.a-tracks .a-pro .main{border:1px solid var(--c4-tile-pro-text);color:var(--c4-tile-pro-text)}.a-tracks .a-pro .new-badge{background:var(--c4-tile-pro-cta-bg);color:var(--c4-tile-pro-cta-text)}.a-tracks .a-pro p.callout{padding:var(--c4-space-2) var(--c4-space-3);border-radius:var(--c4-radius);background:var(--c4-highlight);color:var(--c4-on-highlight);font-weight:var(--c4-weight-ui);margin:0}.a-tracks .a-pro .go{border-color:var(--c4-tile-pro-cta-bg);background:var(--c4-tile-pro-cta-bg);color:var(--c4-tile-pro-cta-text)}@supports selector(:has(*)){.a-tracks .tile:has(.go:focus-visible){outline:3px solid var(--c4-focus);outline-offset:2px}.a-tracks .a-pro:has(.go:focus-visible){outline-color:var(--c4-tile-pro-focus)}.a-tracks .tile .go:focus-visible{outline:0}}@supports not selector(:has(*)){.a-tracks .tile:focus-within{outline:3px solid var(--c4-focus);outline-offset:2px}.a-tracks .a-pro:focus-within{outline-color:var(--c4-tile-pro-focus)}}@media (width>=40rem){.a-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.a-tracks .a-pro{grid-column:1/-1}}@media (width>=64rem){.a-tracks{gap:var(--c4-space-4);grid-template-columns:7fr 5fr}.a-tracks .a-pro{padding:var(--c4-space-5);grid-area:1/1/span 2}.a-tracks .tile:not(.a-pro){grid-column:2}}.rows{border-bottom:1px solid var(--c4-border);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.row{min-width:0;min-height:100px;padding-block:var(--c4-space-3);border-top:1px solid var(--c4-border);position:relative}.row h3{font-size:var(--c4-text-h3);line-height:var(--c4-leading-h3);margin:0}.row h3 a{min-height:44px;color:var(--c4-primary);text-underline-offset:4px;overflow-wrap:anywhere;transition:color var(--c4-motion-fast) var(--c4-motion-ease);align-items:center;text-decoration:underline 1.5px;display:flex}.row h3 a:hover{color:var(--c4-primary-hover);text-decoration-thickness:2.5px}.row h3 a:after{content:"";position:absolute;inset:0}.row p{margin:0 0 var(--c4-space-2)}.row .summary{max-width:var(--c4-prose-max);color:var(--c4-text)}.row .tools{color:var(--c4-text-muted);font-size:var(--c4-text-body)}.meta{gap:var(--c4-space-1) var(--c4-space-3);color:var(--c4-text-muted);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);flex-wrap:wrap;margin:0;line-height:1.3;display:flex}.row .meta{margin-bottom:0}.model-tag{align-items:center;gap:var(--c4-space-1);display:inline-flex}.model-tag strong{font-weight:700}.js .rows[data-collapsed] .row:nth-child(n+11){display:none}@supports selector(:has(*)){.row:has(a:focus-visible){outline:3px solid var(--c4-focus);outline-offset:2px}.row h3 a:focus-visible{outline:0}}.model-row{align-items:flex-start;gap:var(--c4-space-3);display:flex}.model-row .model-mark{flex:none}.model-body{min-width:0}.weekly-note{align-items:center;display:flex}.weekly-note p{margin:0}.weekly-note a{align-items:center;min-height:44px;display:inline-flex}@media (width>=40rem){.rows{column-gap:var(--c4-space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.rows-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.terms{gap:var(--c4-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.terms a.term{min-height:44px;padding-inline:var(--c4-space-3);border:1px solid var(--c4-border-input);border-radius:var(--c4-radius);background:var(--c4-surface);color:var(--c4-text);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);cursor:pointer;transition:background-color var(--c4-motion-fast) var(--c4-motion-ease);align-items:center;text-decoration:none;display:inline-flex;position:static}.terms a.term:hover{background:var(--c4-surface-2);color:var(--c4-primary)}.terms a.term:after{content:none}@media (width>=40rem){.terms{gap:var(--c4-space-3)}}[data-variant=home] .filters{gap:var(--c4-space-3);margin-bottom:var(--c4-space-3);background:0 0;border:0;border-radius:0;padding:0}[data-variant=home] .filters label,[data-variant=home] .filters legend{margin:0 0 var(--c4-space-2);font-size:var(--c4-text-body);font-weight:700}[data-variant=home] .field label{min-height:44px;font-weight:var(--c4-weight-ui);align-items:center;margin:0;display:flex}[data-variant=home] .field .filters-btn span{font-size:inherit;font-weight:inherit;margin:0;display:inline}[data-variant=home] .field .filter-badge{font-size:var(--c4-text-small);margin:0;font-weight:700;display:inline-grid}.search-row{gap:var(--c4-space-2);display:flex}.search-row input[type=search]{border:2px solid var(--c4-border-input);min-width:0;min-height:48px;font-size:var(--c4-text-reading);flex:1}button.filters-btn{gap:var(--c4-space-2);min-height:48px;padding-inline:var(--c4-space-2);font-size:var(--c4-text-reading);border-width:2px;display:none;position:relative}.js button.filters-btn{display:inline-flex}button.filters-btn[aria-expanded=true]{background:var(--c4-surface-2)}.filter-badge{background:var(--c4-text);width:24px;height:24px;color:var(--c4-bg);font-size:var(--c4-text-small);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:absolute;top:-10px;right:-8px}.filters-panel{gap:var(--c4-space-3);padding:var(--c4-space-3);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);display:grid}[data-variant=home] .chip{padding-inline:var(--c4-space-3);border:1px solid var(--c4-border-input);background:var(--c4-bg);color:var(--c4-text);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui);transition:background-color var(--c4-motion-fast) var(--c4-motion-ease);line-height:1.3}[data-variant=home] .chip:hover{background:var(--c4-surface-2)}[data-variant=home] .chip[aria-pressed=true]{border-color:var(--c4-primary);background:var(--c4-primary);color:var(--c4-on-primary)}[data-variant=home] .chip-row{gap:var(--c4-space-2)}[data-variant=home] .filter-actions{gap:var(--c4-space-3)}[data-variant=home] .filter-actions .button,[data-variant=home] .show-all .button,[data-variant=home] select{min-height:48px;font-size:var(--c4-text-reading)}[data-variant=home] .count-line{margin:var(--c4-space-3) 0 var(--c4-space-2)}[data-variant=home] .empty{margin-bottom:var(--c4-space-3);padding:var(--c4-space-4);border:1px dashed var(--c4-border-input);background:var(--c4-surface)}[data-variant=home] .empty p{margin:0 0 var(--c4-space-2)}[data-variant=home] .empty .button-row{gap:var(--c4-space-2);margin:0 0 var(--c4-space-2)}[data-variant=home] .empty .button-row a{min-height:44px;padding-inline:var(--c4-space-3);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);color:var(--c4-text);font-weight:var(--c4-weight-ui);align-items:center;text-decoration:none;display:inline-flex}.show-all{margin:var(--c4-space-3) 0 0}@media (width>=64rem){.filters-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.filters-panel .filter-actions{grid-column:1/-1}}.home .newsletter{max-width:640px;padding:var(--c4-space-4);border:1px solid var(--c4-border-strong);box-shadow:none}.home .newsletter h2 a{align-items:center;min-height:44px;display:inline-flex}.home .newsletter .soon{background:var(--c4-primary-tint)}.home .newsletter fieldset[disabled] input,.home .newsletter fieldset[disabled] button{border:1px solid var(--c4-border-strong);background:var(--c4-surface-2);color:var(--c4-text-muted);cursor:not-allowed;opacity:1}.home .newsletter .button,.home .newsletter input{min-height:48px;font-size:var(--c4-text-reading)}.sketch-plate{width:100%;max-width:var(--c4-sketch-max);aspect-ratio:4/3;border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-paper-100);overflow:hidden}.sketch-plate picture{width:100%;height:100%;display:block}.sketch-plate img{object-fit:contain;width:100%;height:100%;display:block}@media (width>=48rem){.sketch-plate{margin-inline:auto}}.sketch-plate--mono{background:var(--c4-surface-2);place-items:center;display:grid;container-type:inline-size}.plate-mono{color:var(--c4-primary);font-family:var(--c4-font-display);font-size:clamp(4rem,22vw,8rem);font-weight:700;line-height:1}@supports (font-size:1cqi){.plate-mono{font-size:30cqi}}.pic-list{gap:var(--c4-space-4);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.pic-list>li{min-width:0}@media (width>=48rem){.pic-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=75rem){.pic-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.pic-card{border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius-lg);background:var(--c4-surface);height:100%;transition:border-color var(--c4-motion-fast) var(--c4-motion-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.pic-card:hover{border-color:var(--c4-primary)}.pic-plate{aspect-ratio:4/3;background:var(--c4-paper-100);overflow:hidden}.pic-plate picture{width:100%;height:100%;display:block}.pic-plate img{object-fit:contain;width:100%;height:100%;display:block}.pic-tile{background-color:var(--c4-paper-200);background-image:radial-gradient(circle, var(--c4-paper-300) 1.5px, transparent 1.8px);background-size:16px 16px;place-items:center;width:100%;height:100%;display:grid}.pic-tile-no{border-radius:var(--c4-radius);background:var(--c4-paper-200);color:var(--c4-teal-800);font-family:var(--c4-font-display);padding-inline:.3em;font-size:clamp(2.75rem,12vw,4rem);font-weight:700;line-height:1.1}.pic-body{gap:var(--c4-space-2);padding:var(--c4-space-4);border-top:1px solid var(--c4-border-strong);flex-direction:column;flex:1;display:flex}.pic-card:active .pic-body{background:var(--c4-primary-tint)}.pic-body p,.pic-body h3{margin:0}.pic-body .audience{color:var(--c4-text-muted);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui)}.pic-head{align-items:flex-start;gap:var(--c4-space-3);display:flex}.lesson-no{min-width:48px;color:var(--c4-primary);font-family:var(--c4-font-display);font-size:var(--c4-text-h3);font-weight:700;line-height:var(--c4-leading-h3);flex:none;padding-top:.55rem}.pic-head h3{min-width:0;font-size:var(--c4-text-h3);line-height:var(--c4-leading-h3)}.pic-card h3 a{min-height:44px;color:var(--c4-primary);text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;text-decoration:underline 1.5px;display:flex}.pic-card h3 a:visited{color:var(--c4-primary)}.pic-card h3 a:hover{color:var(--c4-primary-hover);text-decoration-thickness:2.5px}.pic-card h3 a:after{content:"";position:absolute;inset:0}@supports selector(:has(*)){.pic-card:has(a:focus-visible){outline:3px solid var(--c4-focus);outline-offset:2px}.pic-card h3 a:focus-visible{outline:0}}.pic-body .summary{-webkit-line-clamp:2;color:var(--c4-text);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pic-body .meta{margin-top:auto}.start-mark{display:flex}.start-mark span{padding:2px var(--c4-space-2);border-radius:var(--c4-radius);background:var(--c4-highlight);color:var(--c4-on-highlight);font-size:var(--c4-text-small);font-weight:var(--c4-weight-ui);line-height:1.5}@media (width>=24rem) and (width<=39.99rem){.sketch-plate{width:calc(100% - 8px);margin-inline:4px}.pic-list{padding-inline:4px}}.start-cards{gap:var(--c4-space-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.start-card{min-width:0}.pic-card--start .pic-body{padding:var(--c4-space-3)}@media (prefers-reduced-motion:no-preference){.pic-card--start img{transition:transform var(--c4-motion-fast) var(--c4-motion-ease)}.pic-card--start:hover img{transform:translateY(-4px)}}@media (width>=24rem) and (width<=39.99rem){.start-cards{padding-inline:4px}}@media (width>=48rem){.pic-card--start{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.pic-card--start .pic-plate{align-self:start}.pic-card--start .pic-body{border-top:0;border-left:1px solid var(--c4-border-strong)}}@media (width>=64rem){.start-cards{gap:var(--c4-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.pic-card--start{display:flex}.pic-card--start .pic-body{border-top:1px solid var(--c4-border-strong);border-left:0}}.course-head{padding-block:1.5rem .5rem}.course-head-grid{gap:var(--c4-space-4);display:grid}.course-head h1,.lesson-head h1{max-width:20ch;margin:0 0 var(--c4-space-3);font-size:var(--c4-text-hero-s);letter-spacing:-.02em;line-height:1.15}@media (width>=40rem){.course-head h1,.lesson-head h1{font-size:var(--c4-text-hero-m)}}@media (width>=64rem){.course-head h1,.lesson-head h1{font-size:var(--c4-text-hero-l)}.course-head-grid{align-items:center;gap:var(--c4-space-5);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.course-count{margin:var(--c4-space-3) 0;color:var(--c4-text-muted);font-size:var(--c4-text-body);font-weight:var(--c4-weight-ui)}.course-start{width:100%;min-height:48px;font-size:var(--c4-text-body);justify-content:center;align-items:center;display:flex}@media (width>=40rem){.course-start{width:auto;display:inline-flex}}.unit{margin-top:var(--c4-space-5);padding-top:var(--c4-space-4);border-top:2px solid var(--c4-text)}.unit-head{align-items:center;gap:var(--c4-space-3);margin-bottom:var(--c4-space-3);display:flex}.unit-num{background:var(--c4-primary);width:56px;height:56px;color:var(--c4-on-primary);font-family:var(--c4-font-display);font-size:var(--c4-text-unit-num);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.unit-head h2{font-size:var(--c4-text-h2);margin:0}.unit-count{color:var(--c4-text-muted);font-weight:var(--c4-weight-ui);margin:0}@media (width>=64rem){.unit-num{width:72px;height:72px;font-size:2.25rem}.unit-head h2{font-size:var(--c4-text-h2-l)}}.course-all{margin:var(--c4-space-5) 0 0}.course-all a{min-height:44px;color:var(--c4-primary);font-weight:var(--c4-weight-ui);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.lesson-head{padding-block:1.5rem .5rem}.lesson-head-grid{gap:var(--c4-space-4);display:grid}.lesson-head .eyebrow{text-transform:none}@media (width>=64rem){.lesson-head-grid--sketch{align-items:start;gap:var(--c4-space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lesson-head-grid--sketch .lesson-sketch{grid-area:1/2}.lesson-head-grid--sketch .lesson-head-text{grid-area:1/1}}html:has(.lesson-bar){scroll-padding-top:0}.wrap .lesson-section,.wrap .case-body [id],.wrap .case-body h2,.wrap .case-body h3,.wrap #agent-heading{scroll-margin-top:calc(var(--c4-header-h) + var(--c4-lesson-bar-h) + var(--c4-space-3))}.lesson-bar{top:var(--c4-header-h);z-index:8;margin-inline:calc(-1 * var(--c4-gutter));box-sizing:border-box;min-height:var(--c4-lesson-bar-h);border-block:1px solid var(--c4-border-strong);background:var(--c4-surface);padding-block:3px;position:sticky}.lesson-bar ol{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.lesson-bar a{--lvl:var(--c4-level-idea);min-height:44px;color:var(--c4-text-muted);font-weight:var(--c4-weight-ui);white-space:nowrap;border-bottom:4px solid #0000;justify-content:center;align-items:center;gap:6px;padding-inline:4px;text-decoration:none;display:flex}.lesson-bar a[data-level=how]{--lvl:var(--c4-level-how)}.lesson-bar a[data-level=build]{--lvl:var(--c4-level-build)}.lesson-bar a[data-level=agent]{--lvl:var(--c4-level-agent)}.lesson-bar a:hover{color:var(--c4-text);border-bottom-color:var(--c4-border-strong)}.lesson-bar a:active{background:var(--c4-primary-tint)}.lesson-bar a:focus-visible{outline:3px solid var(--c4-focus);outline-offset:-3px}.bar-num{border:1.5px solid var(--c4-border-input);width:24px;height:24px;font-size:var(--c4-text-small);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.bar-long{display:none}.lesson-bar a[aria-current=location]{border-bottom-color:var(--lvl);color:var(--c4-text);font-weight:700}.lesson-bar a[aria-current=location] .bar-num{border-color:var(--lvl);background:var(--lvl);color:var(--c4-text-inverse)}@media (prefers-reduced-motion:no-preference){.lesson-bar a{transition:border-color var(--c4-motion-base) var(--c4-motion-ease)}}@media (width>=48rem){.lesson-bar{padding-inline:var(--c4-space-2);margin-inline:0}.lesson-bar ol{gap:var(--c4-space-2);display:flex}.lesson-bar a{padding-inline:var(--c4-space-3)}.bar-short{display:none}.bar-long{display:inline}}.lesson-section{--lvl:var(--c4-level-idea);max-width:var(--c4-prose-max);margin-top:var(--c4-space-5)}.lesson-section[data-level=how]{--lvl:var(--c4-level-how)}.lesson-section[data-level=build]{--lvl:var(--c4-level-build)}.lesson-section[data-level=agent]{--lvl:var(--c4-level-agent);max-width:none}@media (width>=64rem){.lesson-section{margin-top:var(--c4-space-6)}}.sec-head{align-items:center;gap:var(--c4-space-3);margin-bottom:var(--c4-space-3);display:flex}.sec-num{background:var(--lvl);width:48px;height:48px;color:var(--c4-text-inverse);font-family:var(--c4-font-display);font-size:var(--c4-text-h2);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.sec-num:before{content:attr(data-num)}.lesson-section .sec-head h2{font-size:var(--c4-text-h2);margin:0;scroll-margin-top:0;line-height:1.2}.lesson-section .sec-head h2:focus:not(:focus-visible){outline:0}@media (width>=64rem){.lesson-section .sec-head h2{font-size:var(--c4-text-h2-l)}}.lesson-safety{margin-top:var(--c4-space-4);padding:var(--c4-space-3);border-radius:var(--c4-radius);background:var(--c4-highlight-tint)}.lesson-safety>:first-child{margin-top:0}.lesson-safety>:last-child{margin-bottom:0}.lesson-sources{margin-top:var(--c4-space-5)}.checksum-toggle{margin-top:var(--c4-space-3)}.checksum-toggle summary{min-height:44px;color:var(--c4-primary);cursor:pointer;font-weight:var(--c4-weight-ui);align-items:center;display:flex}.checksum-toggle summary:focus-visible{outline:3px solid var(--c4-focus);outline-offset:2px}.lesson-words{margin-top:var(--c4-space-5)}.word-chips{gap:var(--c4-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.word-chips a{align-items:center;gap:var(--c4-space-2);min-height:44px;padding:4px var(--c4-space-3) 4px 4px;border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius);background:var(--c4-surface);color:var(--c4-primary);font-weight:var(--c4-weight-ui);text-decoration:none;display:inline-flex}.word-chips picture,.word-chips .word-thumb{border-radius:calc(var(--c4-radius) / 2);background:var(--c4-paper-200);flex:none;width:64px;height:36px;display:block;overflow:hidden}.word-chips img{border-radius:inherit;object-fit:contain;width:64px;height:36px;display:block}.word-chips .word-mono{background:var(--c4-surface-2);color:var(--c4-primary);font-family:var(--c4-font-display);place-items:center;font-size:20px;font-weight:700;line-height:1;display:grid}.lesson-words .words-path{margin:var(--c4-space-3) 0 0}.lesson-pn{gap:var(--c4-space-3);margin:var(--c4-space-5) 0 0;padding:0;list-style:none;display:grid}@media (width>=40rem){.lesson-pn{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-pn .pn-next{grid-column:2}}.pn-card{justify-content:center;gap:var(--c4-space-1);min-height:88px;padding:var(--c4-space-3);border:1px solid var(--c4-border-strong);border-radius:var(--c4-radius-lg);background:var(--c4-surface);flex-direction:column;display:flex;position:relative}.pn-card:hover{border-color:var(--c4-primary)}.pn-card:active{background:var(--c4-primary-tint)}.pn-label{color:var(--c4-text-muted);font-size:var(--c4-text-small);font-weight:var(--c4-weight-ui);margin:0}.pn-card a{color:var(--c4-primary);font-family:var(--c4-font-display);font-size:var(--c4-text-h3);font-weight:700;line-height:var(--c4-leading-h3);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.pn-card a:after{content:"";position:absolute;inset:0}.pn-card:has(a:focus-visible){outline:3px solid var(--c4-focus);outline-offset:2px}.pn-card a:focus-visible{outline:0}html.js-motion .sketch-plate:not(.is-drawn) img{clip-path:inset(0 100% 0 0)}html.js-motion .sketch-plate.is-drawn img{clip-path:inset(0);transition:clip-path var(--c4-motion-draw) var(--c4-motion-ease)}.lesson-section .sec-head h2{background-image:linear-gradient(var(--c4-highlight), var(--c4-highlight));background-position:0 92%;background-repeat:no-repeat;background-size:100% .28em}html.js-motion .lesson-section .sec-head h2:not(.is-swept){background-size:0% .28em}html.js-motion .lesson-section .sec-head h2.is-swept{transition:background-size calc(var(--c4-motion-slow) * 2) var(--c4-motion-ease);background-size:100% .28em}html.js-motion .start-mark span:not(.is-swept){color:var(--c4-text);background-size:0% 100%}html.js-motion .start-mark span{background-color:#0000;background-image:linear-gradient(var(--c4-highlight), var(--c4-highlight));background-repeat:no-repeat;background-size:100% 100%}html.js-motion .start-mark span.is-swept{transition:background-size calc(var(--c4-motion-slow) * 2) var(--c4-motion-ease)}