.playground[data-astro-cid-hgxdzhpt]{max-width:var(--max);margin:2em auto 4em;padding:0 1.5em;display:grid;grid-template-columns:1fr 280px;grid-template-areas:"live live" "provision provision" "header header" "scenarios scenarios" "blurb blurb" "grid teaching" "actions teaching" "result teaching";gap:1.5em}.live-banner[data-astro-cid-hgxdzhpt]{grid-area:live;padding:.85em 1.1em;background:#4ade8014;border:1px solid rgba(74,222,128,.4);border-left:4px solid var(--accent);border-radius:var(--r-md);color:var(--fg);font-size:.92em;line-height:1.5}.live-banner[data-astro-cid-hgxdzhpt] code[data-astro-cid-hgxdzhpt]{background:var(--code-bg);padding:.05em .3em;border-radius:3px}.banner-actions[data-astro-cid-hgxdzhpt]{display:inline-block;margin-left:.5em}.banner-actions[data-astro-cid-hgxdzhpt] a[data-astro-cid-hgxdzhpt]{margin-right:.8em;color:var(--accent)}.provision-banner[data-astro-cid-hgxdzhpt]{grid-area:provision;padding:.85em 1.1em;background:#ffce5c14;border:1px solid rgba(255,206,92,.4);border-left:4px solid #ffce5c;border-radius:var(--r-md);color:var(--fg);font-size:.92em;line-height:1.5}.provision-banner[data-astro-cid-hgxdzhpt] p[data-astro-cid-hgxdzhpt]{margin:.4em 0 0;color:var(--muted);font-size:.88em}.provision-banner[data-astro-cid-hgxdzhpt] code[data-astro-cid-hgxdzhpt]{background:var(--code-bg);padding:.05em .3em;border-radius:3px;font-size:.85em}.playground[data-astro-cid-hgxdzhpt] header[data-astro-cid-hgxdzhpt]{grid-area:header}.playground[data-astro-cid-hgxdzhpt] h1[data-astro-cid-hgxdzhpt]{font-size:var(--fs-3);font-weight:700;margin:0 0 .4em}.playground[data-astro-cid-hgxdzhpt] .lede[data-astro-cid-hgxdzhpt]{color:var(--muted);margin:0;max-width:760px}.scenarios[data-astro-cid-hgxdzhpt]{grid-area:scenarios;display:flex;flex-wrap:wrap;gap:.4em}.scenario-tab[data-astro-cid-hgxdzhpt]{background:var(--code-bg);border:1px solid var(--border);color:var(--fg);padding:.45em .8em;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.85em;cursor:pointer;display:inline-flex;align-items:center;gap:.4em}.scenario-tab[data-astro-cid-hgxdzhpt]:hover{border-color:var(--accent)}.scenario-tab[data-astro-cid-hgxdzhpt].active{border-color:var(--accent);background:#4ade8014;color:var(--accent)}.scenario-blurb[data-astro-cid-hgxdzhpt]{grid-area:blurb;color:var(--muted);margin:0;font-size:.95em}.grid[data-astro-cid-hgxdzhpt]{grid-area:grid;display:grid;grid-template-columns:1fr 1fr;gap:1em}.pane[data-astro-cid-hgxdzhpt]{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column}.pane[data-astro-cid-hgxdzhpt] header[data-astro-cid-hgxdzhpt]{padding:.5em .9em;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.pane-title[data-astro-cid-hgxdzhpt]{color:var(--accent);font-family:var(--font-mono);font-size:.78em;letter-spacing:.06em}.pane-meta[data-astro-cid-hgxdzhpt]{color:var(--muted);font-family:var(--font-mono);font-size:.78em}.pane[data-astro-cid-hgxdzhpt] textarea[data-astro-cid-hgxdzhpt]{flex:1;width:100%;min-height:280px;border:0;background:transparent;color:var(--fg);padding:.9em 1em;font-family:var(--font-mono);font-size:.85em;line-height:1.55;resize:vertical;outline:none}.pane[data-astro-cid-hgxdzhpt] textarea[data-astro-cid-hgxdzhpt]:focus{outline:2px solid var(--accent);outline-offset:-2px}.actions[data-astro-cid-hgxdzhpt]{grid-area:actions;display:flex;gap:.6em;flex-wrap:wrap}.result[data-astro-cid-hgxdzhpt]{grid-area:result;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.result[data-astro-cid-hgxdzhpt] header[data-astro-cid-hgxdzhpt]{padding:.6em 1em;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline}.result-title[data-astro-cid-hgxdzhpt]{color:var(--accent);font-family:var(--font-mono);font-size:.82em;letter-spacing:.06em}.result-meta[data-astro-cid-hgxdzhpt]{color:var(--muted);font-size:.85em;font-family:var(--font-mono)}.result-body[data-astro-cid-hgxdzhpt]{padding:1em 1.2em}.result-body[data-astro-cid-hgxdzhpt] .muted[data-astro-cid-hgxdzhpt]{color:var(--muted)}.result-body[data-astro-cid-hgxdzhpt] .error[data-astro-cid-hgxdzhpt]{color:#f87171}.result-body[data-astro-cid-hgxdzhpt] .outcome[data-astro-cid-hgxdzhpt]{font-size:1.1em;margin:0 0 .8em;color:var(--accent)}.capsule-json[data-astro-cid-hgxdzhpt]{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:.8em 1em;font-family:var(--font-mono);font-size:.8em;line-height:1.5;overflow-x:auto;max-height:400px}.next[data-astro-cid-hgxdzhpt]{margin-top:1em;font-size:.92em}.next[data-astro-cid-hgxdzhpt] a[data-astro-cid-hgxdzhpt]{color:var(--accent)}.teaching[data-astro-cid-hgxdzhpt]{grid-area:teaching;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--r-md);padding:1em 1.2em;align-self:start;position:sticky;top:1.5em}.teaching[data-astro-cid-hgxdzhpt] h2[data-astro-cid-hgxdzhpt]{font-size:.85em;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .6em}.teaching[data-astro-cid-hgxdzhpt] h2[data-astro-cid-hgxdzhpt]:not(:first-child){margin-top:1.4em}.teaching[data-astro-cid-hgxdzhpt] ul[data-astro-cid-hgxdzhpt]{list-style:none;padding:0;margin:0}.teaching[data-astro-cid-hgxdzhpt] li[data-astro-cid-hgxdzhpt]{margin-bottom:.4em}.teaching[data-astro-cid-hgxdzhpt] a[data-astro-cid-hgxdzhpt]{color:var(--accent);font-size:.9em}@media(max-width:900px){.playground[data-astro-cid-hgxdzhpt]{grid-template-columns:1fr;grid-template-areas:"live" "provision" "header" "scenarios" "blurb" "grid" "actions" "result" "teaching"}.grid[data-astro-cid-hgxdzhpt]{grid-template-columns:1fr}.teaching[data-astro-cid-hgxdzhpt]{position:static}}