:root{--bg: #faf8f4;--surface: #ffffff;--ink: #16161f;--ink-soft: #45455a;--ink-faint: #74748a;--line: #e6e1d8;--line-soft: #f1ede6;--accent: #2f6f5e;--accent-soft: #e8f2ee;--warn: #a8511b;--radius: 12px;--shadow: 0 1px 2px rgb(22 22 31 / 4%), 0 8px 24px rgb(22 22 31 / 5%);--maxw: 1120px;--readw: 68ch;--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--bg: #14141c;--surface: #1c1c26;--ink: #ecebf2;--ink-soft: #b4b3c4;--ink-faint: #85849a;--line: #2c2c3a;--line-soft: #23232f;--accent: #6fc3a8;--accent-soft: #172b26;--warn: #e0995f;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 8px 24px rgb(0 0 0 / 25%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.65;text-rendering:optimizeLegibility}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:1.25rem}.read{max-width:var(--readw)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:-999px;top:0;z-index:10;background:var(--accent);color:#fff;padding:.6rem 1rem}.skip:focus{left:0}a{color:var(--kind-color, var(--accent));text-underline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--kind-color, var(--accent));outline-offset:2px}h1,h2,h3{line-height:1.2;letter-spacing:-.015em;margin:2rem 0 .6rem}h1{font-size:clamp(1.9rem,4vw,2.6rem);margin-top:0}h2{font-size:1.4rem}h3{font-size:1.1rem}code{font-family:var(--mono);font-size:.9em}.site-header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:1.5rem;padding-block:.7rem;flex-wrap:wrap}.brand{font-weight:650;font-size:1.15rem;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}.site-header nav{display:flex;gap:1.1rem;font-size:.95rem}.site-header nav a{color:var(--ink-soft);text-decoration:none}.site-header nav a:hover{color:var(--ink)}.search{margin-left:auto}.search input{font:inherit;font-size:.9rem;padding:.4rem .7rem;min-width:15rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink)}.site-footer{margin-top:5rem;padding-block:2rem;border-top:1px solid var(--line);color:var(--ink-faint);font-size:.9rem}.site-footer p{margin:.3rem 0}main{padding-block:2.5rem}.runnable{margin:0 0 2.5rem}.runnable-stage{position:relative;width:100%;aspect-ratio:3 / 2;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.runnable-frame,.runnable-slot{display:block;width:100%;height:100%;border:0}.runnable-slot:empty{display:none}.runnable-poster{position:absolute;inset:0;display:grid;place-items:center}.runnable-poster[hidden]{display:none}.runnable-poster img{width:100%;height:100%;object-fit:cover}.runnable-blank{position:absolute;inset:0;background:repeating-linear-gradient(-35deg,var(--line-soft) 0 14px,transparent 14px 28px)}.runnable-play{position:relative;font:inherit;font-weight:550;font-size:.95rem;padding:.65rem 1.4rem;border-radius:999px;cursor:pointer;background:var(--kind-color, var(--accent));color:#fff;border:0;box-shadow:var(--shadow)}.runnable-error{position:absolute;inset:auto 0 0;margin:0;padding:.6rem .9rem;background:var(--warn);color:#fff;font-size:.85rem}.runnable figcaption{display:flex;gap:.75rem;flex-wrap:wrap;align-items:baseline;margin-top:.7rem;font-size:.95rem}.runnable-teaches{color:var(--ink-faint);font-size:.85rem}.runnable-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem 1.4rem;margin-top:1rem}.runnable-control label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--ink-soft)}.runnable-control output{font-family:var(--mono);color:var(--ink)}.runnable-control input[type=range]{width:100%;height:1.6rem;accent-color:var(--kind-color, var(--accent))}.runnable-failures{margin-top:1.2rem;font-size:.92rem}.runnable-failures summary{cursor:pointer;color:var(--ink-soft)}.runnable-failures ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.7rem}.runnable-failures li{display:grid;grid-template-columns:minmax(9rem,auto) 1fr;gap:.9rem;align-items:start}.runnable-preset,.runnable-reset{font:inherit;font-size:.85rem;padding:.35rem .7rem;cursor:pointer;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink)}.runnable-preset:hover,.runnable-reset:hover{border-color:var(--kind-color, var(--accent))}.runnable-reset{margin-top:.9rem}.provenance{margin-top:1rem;padding-top:.7rem;border-top:1px dashed var(--line);font-size:.82rem;color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:.5rem}.provenance-mode{color:var(--ink-soft);font-weight:550}.provenance-license{font-family:var(--mono)}.provenance-withdrawn{color:var(--warn)}.provenance-policy{margin-left:auto}.card{display:block;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit}.card:hover{border-color:var(--kind-color, var(--accent))}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.chip{display:inline-block;font-family:var(--mono);font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--kind-color, var(--accent))}.callout{padding:.9rem 1.1rem;border-left:3px solid var(--kind-color, var(--accent));background:var(--line-soft);border-radius:0 var(--radius) var(--radius) 0}.meta-line{color:var(--ink-faint);font-size:.85rem}@media(max-width:720px){.header-inner{gap:.8rem}.search{margin-left:0;width:100%}.search input{min-width:0;width:100%}.runnable-failures li{grid-template-columns:1fr;gap:.25rem}}