.tutorial-page[data-astro-cid-oj4h5c5z]{background:#fdfdfd;color:#000200;min-height:100vh;padding:8.5rem 0 6rem}.tutorial-shell[data-astro-cid-oj4h5c5z]{margin-inline:auto;width:min(1120px,calc(100% - clamp(1.5rem,6vw,5rem)))}.tutorial-back[data-astro-cid-oj4h5c5z]{align-items:center;color:#05050594;display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;gap:.5rem;margin-bottom:2.5rem}.tutorial-back[data-astro-cid-oj4h5c5z]:hover,.tutorial-back[data-astro-cid-oj4h5c5z]:focus-visible{color:#000200}.tutorial-back[data-astro-cid-oj4h5c5z]:focus-visible{outline:2px solid #9cf100;outline-offset:4px}.tutorial-hero[data-astro-cid-oj4h5c5z]{align-items:end;border-bottom:1px solid rgba(0,0,0,.1);display:grid;gap:clamp(2rem,7vw,6rem);grid-template-columns:minmax(0,1fr) minmax(270px,.45fr);padding-bottom:clamp(2.5rem,6vw,4.5rem)}.tutorial-hero[data-astro-cid-oj4h5c5z]>div[data-astro-cid-oj4h5c5z],.tutorial-meta[data-astro-cid-oj4h5c5z]{min-width:0}.tutorial-label[data-astro-cid-oj4h5c5z],.tutorial-sidebar-head[data-astro-cid-oj4h5c5z] p[data-astro-cid-oj4h5c5z],.tutorial-meta[data-astro-cid-oj4h5c5z] dt[data-astro-cid-oj4h5c5z]{color:#0917188f;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.88px;margin:0;text-transform:uppercase}.tutorial-hero[data-astro-cid-oj4h5c5z] h1[data-astro-cid-oj4h5c5z]{font-family:Newsreader,Georgia,serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:300;letter-spacing:-.04em;line-height:.98;margin:.75rem 0 1.2rem;max-width:800px;overflow-wrap:anywhere}.tutorial-summary[data-astro-cid-oj4h5c5z]{color:#0505059e;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.5;margin:0;max-width:720px;overflow-wrap:anywhere}.tutorial-meta[data-astro-cid-oj4h5c5z]{border-top:2px solid #9cf100;margin:0}.tutorial-meta[data-astro-cid-oj4h5c5z] div[data-astro-cid-oj4h5c5z]{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:.85rem 0}.tutorial-meta[data-astro-cid-oj4h5c5z] dd[data-astro-cid-oj4h5c5z]{font-size:.88rem;margin:0}.tutorial-layout[data-astro-cid-oj4h5c5z]{align-items:start;display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(0,1fr) 280px;padding-top:clamp(2.5rem,6vw,4.5rem)}.tutorial-main[data-astro-cid-oj4h5c5z]{min-width:0}.tutorial-player[data-astro-cid-oj4h5c5z]{background:#000;border-radius:2px;overflow:hidden}.tutorial-player[data-astro-cid-oj4h5c5z] video[data-astro-cid-oj4h5c5z]{aspect-ratio:756 / 491;display:block;width:100%}.tutorial-sidebar[data-astro-cid-oj4h5c5z]{background:#f6f6f6;border:1px solid rgba(0,0,0,.1);border-radius:2px;position:sticky;top:6rem}.tutorial-sidebar-head[data-astro-cid-oj4h5c5z]{align-items:start;display:grid;gap:.75rem;grid-template-columns:auto 1fr;padding:1rem}.tutorial-sidebar-head[data-astro-cid-oj4h5c5z] svg[data-astro-cid-oj4h5c5z]{color:#7243fd}.tutorial-sidebar-head[data-astro-cid-oj4h5c5z] strong[data-astro-cid-oj4h5c5z]{display:block;font-size:.95rem;margin-top:.3rem}.tutorial-sidebar[data-astro-cid-oj4h5c5z] ol[data-astro-cid-oj4h5c5z]{border-top:1px solid rgba(0,0,0,.1);list-style:none;margin:0;max-height:58vh;overflow:auto;padding:0}.tutorial-sidebar[data-astro-cid-oj4h5c5z] li[data-astro-cid-oj4h5c5z]+li[data-astro-cid-oj4h5c5z]{border-top:1px solid rgba(0,0,0,.08)}.tutorial-sidebar[data-astro-cid-oj4h5c5z] button[data-astro-cid-oj4h5c5z]{align-items:start;appearance:none;background:transparent;border:0;color:#000200;cursor:pointer;display:grid;font:inherit;gap:.75rem;grid-template-columns:minmax(0,1fr) auto;padding:.75rem 1rem;text-align:left;width:100%}.tutorial-sidebar[data-astro-cid-oj4h5c5z] button[data-astro-cid-oj4h5c5z]:hover,.tutorial-sidebar[data-astro-cid-oj4h5c5z] button[data-astro-cid-oj4h5c5z]:focus-visible{background:#fff;box-shadow:inset 3px 0 #9cf100}.tutorial-sidebar[data-astro-cid-oj4h5c5z] button[data-astro-cid-oj4h5c5z]:focus-visible{outline:2px solid #7243fd;outline-offset:-2px}.tutorial-sidebar[data-astro-cid-oj4h5c5z] button[data-astro-cid-oj4h5c5z] span[data-astro-cid-oj4h5c5z]{font-size:.82rem;line-height:1.35}.tutorial-sidebar[data-astro-cid-oj4h5c5z] time[data-astro-cid-oj4h5c5z]{color:#0917188f;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem}.tutorial-app-link[data-astro-cid-oj4h5c5z]{align-items:center;background:#091718;color:#fff;display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.85rem 1rem}.tutorial-app-link[data-astro-cid-oj4h5c5z]:hover,.tutorial-app-link[data-astro-cid-oj4h5c5z]:focus-visible{background:#1a1a1a;color:#9cf100}.tutorial-app-link[data-astro-cid-oj4h5c5z]:focus-visible{outline:2px solid #9cf100;outline-offset:2px}.tutorial-guide[data-astro-cid-oj4h5c5z]{padding-top:clamp(2.5rem,7vw,5rem)}.tutorial-guide[data-astro-cid-oj4h5c5z] h2{font-family:Newsreader,Georgia,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;letter-spacing:-.025em;line-height:1.1;margin:3.5rem 0 1rem}.tutorial-guide[data-astro-cid-oj4h5c5z] h3{font-size:1.05rem;line-height:1.35;margin:2.5rem 0 .75rem}.tutorial-guide[data-astro-cid-oj4h5c5z] p,.tutorial-guide[data-astro-cid-oj4h5c5z] li{color:#050505ad;line-height:1.7}.tutorial-guide[data-astro-cid-oj4h5c5z] p{margin:0 0 1rem}.tutorial-guide[data-astro-cid-oj4h5c5z] ul,.tutorial-guide[data-astro-cid-oj4h5c5z] ol{display:grid;gap:.55rem;padding-left:1.35rem}.tutorial-guide[data-astro-cid-oj4h5c5z] code{background:#f1f1f1;border-radius:2px;color:#091718;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82em;padding:.12rem .3rem}.tutorial-guide[data-astro-cid-oj4h5c5z] a{color:#2a1a8c;text-decoration:underline;text-decoration-color:#a6a6fa;text-underline-offset:3px}@media(max-width:900px){.tutorial-hero[data-astro-cid-oj4h5c5z],.tutorial-layout[data-astro-cid-oj4h5c5z]{grid-template-columns:1fr}.tutorial-sidebar[data-astro-cid-oj4h5c5z]{position:static}.tutorial-sidebar[data-astro-cid-oj4h5c5z] ol[data-astro-cid-oj4h5c5z]{max-height:22rem}}@media(max-width:640px){.tutorial-page[data-astro-cid-oj4h5c5z]{padding-top:6.5rem}.tutorial-hero[data-astro-cid-oj4h5c5z] h1[data-astro-cid-oj4h5c5z]{font-size:2.55rem}.tutorial-meta[data-astro-cid-oj4h5c5z] dd[data-astro-cid-oj4h5c5z]{max-width:62%;overflow-wrap:anywhere;text-align:right}}