.toc-details{margin-bottom:1.5em;font:.85rem/1.6 system-ui,sans-serif}.toc-details>summary{cursor:pointer;color:var(--link-color)}.toc-details>summary:focus-visible{outline:3px solid var(--link-color);outline-offset:3px}.toc-details nav.toc{margin-top:.5em}.toc-details nav.toc ul{display:flex;flex-wrap:wrap;column-gap:.4rem}.toc-details nav.toc li{margin-bottom:0}.toc-details nav.toc li+li:before{content:"·";margin-right:.4rem;color:var(--secondary-color)}.lesson-annotated{margin-block:1rem}.lesson-notes{display:grid;gap:1rem;align-content:start;margin-block:1rem}@media(min-width:1320px){.lesson-annotated{display:grid;grid-template-columns:minmax(0,1fr) 216px;column-gap:24px;width:calc(100% + 240px)}.lesson-main{grid-column:1;min-width:0}.lesson-notes{grid-column:2;margin-block:0}}.lesson-main p,.lesson-main li{max-width:75ch}.margin-note{font:.85rem/1.5 system-ui,sans-serif;color:var(--secondary-color);margin-block:0;padding-top:.5rem;border-top:1px solid var(--border-color)}.margin-note strong{color:var(--primary-color);font-weight:600}.margin-note code{font-size:.8rem}.margin-note p{margin-block:.4rem 0}main.container details{margin-block:1rem}main.container details>summary{cursor:pointer;font:.9rem/1.5 system-ui,sans-serif;color:var(--link-color)}main.container details>summary:focus-visible{outline:3px solid var(--link-color);outline-offset:3px}.random-comparison[data-astro-cid-lys7rqgn]{margin-block:1.5rem}.comparison-transport[data-astro-cid-lys7rqgn]{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-block:.75rem;font:.9rem/1.5 system-ui,sans-serif}.comparison-transport[data-astro-cid-lys7rqgn] button[data-astro-cid-lys7rqgn],.comparison-transport[data-astro-cid-lys7rqgn] select[data-astro-cid-lys7rqgn]{font:inherit;background:var(--bg-color);color:var(--primary-color);border:1px solid var(--secondary-color);border-radius:4px;padding:.45rem .6rem}.comparison-transport[data-astro-cid-lys7rqgn] button[data-astro-cid-lys7rqgn]{cursor:pointer}.comparison-transport[data-astro-cid-lys7rqgn] button[data-astro-cid-lys7rqgn]:disabled{opacity:.45;cursor:default}.comparison-transport[data-astro-cid-lys7rqgn] button[data-astro-cid-lys7rqgn][data-play]{min-inline-size:5rem}.comparison-transport[data-astro-cid-lys7rqgn] output[data-astro-cid-lys7rqgn]{font-variant-numeric:tabular-nums;color:var(--secondary-color)}.comparison-transport[data-astro-cid-lys7rqgn] [data-astro-cid-lys7rqgn]:is(button,select):focus-visible{outline:3px solid var(--link-color);outline-offset:3px}.comparison-canvases[data-astro-cid-lys7rqgn]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}figure[data-astro-cid-lys7rqgn]{margin:0;min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}figcaption[data-astro-cid-lys7rqgn]{display:flex;flex-wrap:wrap;column-gap:.5rem;font:.9rem/1.5 system-ui,sans-serif}figcaption[data-astro-cid-lys7rqgn] strong[data-astro-cid-lys7rqgn]{color:var(--primary-color);border-left:4px solid var(--accent-generative);padding-left:.6rem}figcaption[data-astro-cid-lys7rqgn] span[data-astro-cid-lys7rqgn]{color:var(--secondary-color)}canvas[data-astro-cid-lys7rqgn]{display:block;width:100%;height:auto;background:var(--canvas-bg);border:1px solid var(--border-color);border-radius:5px}.caption[data-astro-cid-lys7rqgn]{font:.9rem/1.6 system-ui,sans-serif;color:var(--secondary-color);max-width:75ch}.p5-code[data-astro-cid-lys7rqgn]{margin-block:.75rem}.p5-code[data-astro-cid-lys7rqgn] summary[data-astro-cid-lys7rqgn]{cursor:pointer;font:.9rem/1.5 system-ui,sans-serif;color:var(--link-color)}.p5-code[data-astro-cid-lys7rqgn] summary[data-astro-cid-lys7rqgn]:focus-visible{outline:3px solid var(--link-color);outline-offset:3px}@media(max-width:700px){.comparison-canvases[data-astro-cid-lys7rqgn]{grid-template-columns:1fr}}.timing-comparison[data-astro-cid-enidcxhm]{margin-block:1.5rem}.comparison-transport[data-astro-cid-enidcxhm]{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-block:.75rem;font:.9rem/1.5 system-ui,sans-serif}.comparison-transport[data-astro-cid-enidcxhm] button[data-astro-cid-enidcxhm],.comparison-transport[data-astro-cid-enidcxhm] select[data-astro-cid-enidcxhm]{font:inherit;background:var(--bg-color);color:var(--primary-color);border:1px solid var(--secondary-color);border-radius:4px;padding:.45rem .6rem}.comparison-transport[data-astro-cid-enidcxhm] button[data-astro-cid-enidcxhm]{cursor:pointer}.comparison-transport[data-astro-cid-enidcxhm] button[data-astro-cid-enidcxhm]:disabled{opacity:.45;cursor:default}.comparison-transport[data-astro-cid-enidcxhm] button[data-astro-cid-enidcxhm][data-play]{min-inline-size:5rem}.comparison-transport[data-astro-cid-enidcxhm] label[data-astro-cid-enidcxhm]{display:flex;align-items:center;gap:.5rem}.comparison-transport[data-astro-cid-enidcxhm] output[data-astro-cid-enidcxhm]{font-variant-numeric:tabular-nums;color:var(--secondary-color)}.comparison-transport[data-astro-cid-enidcxhm] [data-astro-cid-enidcxhm]:is(button,select):focus-visible{outline:3px solid var(--link-color);outline-offset:3px}.comparison-canvases[data-astro-cid-enidcxhm]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}figure[data-astro-cid-enidcxhm]{margin:0;min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0}figcaption[data-astro-cid-enidcxhm]{display:flex;flex-wrap:wrap;column-gap:.5rem;font:.9rem/1.5 system-ui,sans-serif}figcaption[data-astro-cid-enidcxhm] strong[data-astro-cid-enidcxhm]{color:var(--primary-color);border-left:4px solid var(--accent-generative);padding-left:.6rem}figcaption[data-astro-cid-enidcxhm] span[data-astro-cid-enidcxhm]{color:var(--secondary-color)}canvas[data-astro-cid-enidcxhm]{display:block;width:100%;height:auto;background:var(--canvas-bg);border:1px solid var(--border-color);border-radius:5px}.speed[data-astro-cid-enidcxhm]{display:block;font:.8rem/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:var(--secondary-color)}.caption[data-astro-cid-enidcxhm]{font:.9rem/1.6 system-ui,sans-serif;color:var(--secondary-color);max-width:75ch}.p5-code[data-astro-cid-enidcxhm]{margin-block:.75rem}.p5-code[data-astro-cid-enidcxhm] summary[data-astro-cid-enidcxhm]{cursor:pointer;font:.9rem/1.5 system-ui,sans-serif;color:var(--link-color)}.p5-code[data-astro-cid-enidcxhm] summary[data-astro-cid-enidcxhm]:focus-visible{outline:3px solid var(--link-color);outline-offset:3px}@media(max-width:700px){.comparison-canvases[data-astro-cid-enidcxhm]{grid-template-columns:1fr}}