.code-block[data-astro-cid-nela234r]{margin:1rem 0 1.5rem;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background:var(--color-bg-grid)}.code-block__head[data-astro-cid-nela234r]{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:color-mix(in srgb,var(--color-text) 4%,transparent);border-bottom:1px solid var(--color-border)}.code-block__filename[data-astro-cid-nela234r]{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted)}.code-block__copy[data-astro-cid-nela234r]{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:.15rem .55rem;cursor:pointer;transition:color .15s,border-color .15s}.code-block__copy[data-astro-cid-nela234r]:hover{color:var(--color-copper, #c87533);border-color:var(--color-copper, #c87533)}.code-block__copy--ok[data-astro-cid-nela234r]{color:#22c55e;border-color:#22c55e}.code-block__pre[data-astro-cid-nela234r]{margin:0;padding:1rem 1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.55;color:var(--color-text);white-space:pre}.code-block__pre[data-astro-cid-nela234r] code[data-astro-cid-nela234r]{font-family:inherit;font-size:inherit;color:inherit}.snippet-body[data-astro-cid-sbtkopbe]{max-width:80ch;line-height:1.65}.snippet-prose[data-astro-cid-sbtkopbe]{font-size:.92rem;color:var(--color-text);margin:0 0 1rem}.snippet-note[data-astro-cid-sbtkopbe]{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem 1rem;border-radius:4px;border-left:3px solid;margin:.75rem 0 1.25rem;font-size:.85rem;line-height:1.55}.snippet-note__label[data-astro-cid-sbtkopbe]{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;margin-top:.18rem;padding:.05rem .45rem;border-radius:2px}.snippet-note--tip[data-astro-cid-sbtkopbe]{background:#22c55e0f;border-color:#22c55e}.snippet-note--tip[data-astro-cid-sbtkopbe] .snippet-note__label[data-astro-cid-sbtkopbe]{background:#22c55e2e;color:#22c55e}.snippet-note--warn[data-astro-cid-sbtkopbe]{background:#f973160f;border-color:#f97316}.snippet-note--warn[data-astro-cid-sbtkopbe] .snippet-note__label[data-astro-cid-sbtkopbe]{background:#f973162e;color:#f97316}.snippet-note--gotcha[data-astro-cid-sbtkopbe]{background:#ef44440d;border-color:#ef4444}.snippet-note--gotcha[data-astro-cid-sbtkopbe] .snippet-note__label[data-astro-cid-sbtkopbe]{background:#ef444429;color:#ef4444}.lesson-breadcrumb[data-astro-cid-5pjm3zw6]{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-muted);margin-bottom:1.5rem}.lesson-breadcrumb[data-astro-cid-5pjm3zw6] a[data-astro-cid-5pjm3zw6]{color:var(--color-text-muted);text-decoration:none}.lesson-breadcrumb[data-astro-cid-5pjm3zw6] a[data-astro-cid-5pjm3zw6]:hover{color:var(--color-text);text-decoration:underline}.tool-header[data-astro-cid-5pjm3zw6]{margin-bottom:1.75rem}.tool-header__meta[data-astro-cid-5pjm3zw6]{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.badge[data-astro-cid-5pjm3zw6]{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:.15rem .5rem;border-radius:2px}.badge--beginner[data-astro-cid-5pjm3zw6]{background:color-mix(in srgb,var(--color-pcb) 15%,transparent);color:var(--color-pcb-light)}.badge--intermediate[data-astro-cid-5pjm3zw6]{background:color-mix(in srgb,var(--color-copper) 15%,transparent);color:var(--color-copper)}.badge--advanced[data-astro-cid-5pjm3zw6]{background:color-mix(in srgb,#2563eb 15%,transparent);color:#60a5fa}.badge--cat[data-astro-cid-5pjm3zw6]{background:var(--color-bg-grid);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge--runtime-js[data-astro-cid-5pjm3zw6]{background:#2563eb14;color:#2563eb;border:1px solid rgb(37 99 235 / 35%)}.badge--runtime-python[data-astro-cid-5pjm3zw6]{background:#16a34a14;color:#16a34a;border:1px solid rgb(22 163 74 / 35%)}.badge--runtime-snippet[data-astro-cid-5pjm3zw6]{background:var(--color-bg-grid);color:var(--color-text-muted);border:1px solid var(--color-border)}.tool-title[data-astro-cid-5pjm3zw6]{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.tool-desc[data-astro-cid-5pjm3zw6]{color:var(--color-text-muted);max-width:64ch;line-height:1.6;margin:0}.tool-body[data-astro-cid-5pjm3zw6]{padding:1.25rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);margin-bottom:1.5rem}.tool-notes[data-astro-cid-5pjm3zw6]{max-width:80ch;line-height:1.65}.tool-prose[data-astro-cid-5pjm3zw6]{font-size:.9rem;color:var(--color-text);margin:0 0 .85rem}.tool-note[data-astro-cid-5pjm3zw6]{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .9rem;border-radius:4px;border-left:3px solid;margin:.6rem 0 1rem;font-size:.82rem;line-height:1.55}.tool-note__label[data-astro-cid-5pjm3zw6]{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;margin-top:.18rem;padding:.05rem .45rem;border-radius:2px}.tool-note--tip[data-astro-cid-5pjm3zw6]{background:#22c55e0f;border-color:#22c55e}.tool-note--tip[data-astro-cid-5pjm3zw6] .tool-note__label[data-astro-cid-5pjm3zw6]{background:#22c55e2e;color:#22c55e}.tool-note--warn[data-astro-cid-5pjm3zw6]{background:#f973160f;border-color:#f97316}.tool-note--warn[data-astro-cid-5pjm3zw6] .tool-note__label[data-astro-cid-5pjm3zw6]{background:#f973162e;color:#f97316}.tool-note--gotcha[data-astro-cid-5pjm3zw6]{background:#ef44440d;border-color:#ef4444}.tool-note--gotcha[data-astro-cid-5pjm3zw6] .tool-note__label[data-astro-cid-5pjm3zw6]{background:#ef444429;color:#ef4444}.related-concepts[data-astro-cid-5pjm3zw6]{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.related-concepts__label[data-astro-cid-5pjm3zw6]{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.related-concepts__link[data-astro-cid-5pjm3zw6]{font-family:var(--font-mono);font-size:.75rem;padding:.2rem .55rem;border:1px solid var(--color-copper, #c87533);border-radius:3px;color:var(--color-copper, #c87533);text-decoration:none;transition:background .15s,color .15s}.related-concepts__link[data-astro-cid-5pjm3zw6]:hover{background:var(--color-copper, #c87533);color:#fff}.tool-footer-nav[data-astro-cid-5pjm3zw6]{margin-top:2.5rem}