.capture-preview-module__5Nndca__preview{border-block:1px solid var(--line);background:#0a0b0d;width:100%;height:clamp(340px,39vw,560px);position:relative;overflow:hidden}.capture-preview-module__5Nndca__preview canvas{touch-action:pan-y;cursor:grab;width:100%;height:100%;display:block}.capture-preview-module__5Nndca__preview canvas:active{cursor:grabbing}.capture-preview-module__5Nndca__preview canvas:focus-visible{outline:1px solid var(--muted);outline-offset:-4px}.capture-preview-module__5Nndca__message{text-align:center;color:var(--muted);font:400 12px/1.7 var(--font-mono);pointer-events:none;background:#0a0b0d;place-items:center;padding:32px;display:grid;position:absolute;inset:0}.capture-preview-module__5Nndca__preview noscript .capture-preview-module__5Nndca__message{z-index:1}
.page-module__wnA0zq__page{padding:clamp(124px, 10vw, 160px) var(--gutter) clamp(80px, 10vw, 144px)}.page-module__wnA0zq__intro,.page-module__wnA0zq__section,.page-module__wnA0zq__conversation{column-gap:var(--gap);grid-template-columns:repeat(24,minmax(0,1fr));display:grid}.page-module__wnA0zq__label{font:400 12px/1.5 var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);grid-column:1/5;padding-top:12px}.page-module__wnA0zq__intro>div,.page-module__wnA0zq__section>div,.page-module__wnA0zq__conversation>div{grid-column:5/-1;min-width:0}.page-module__wnA0zq__intro h1{max-width:24ch;font:300 clamp(38px, 4vw, 60px)/1.04 var(--font-sans);letter-spacing:-.035em}.page-module__wnA0zq__description{max-width:44ch;color:var(--muted);margin-top:36px;font-size:clamp(18px,1.8vw,24px);line-height:1.5}.page-module__wnA0zq__section,.page-module__wnA0zq__conversation{margin-top:clamp(80px,10vw,144px)}.page-module__wnA0zq__conversation>div{border-top:1px solid var(--line);padding-top:32px}.page-module__wnA0zq__section h2,.page-module__wnA0zq__conversation h2{font:300 clamp(32px, 4vw, 56px)/1.1 var(--font-sans);letter-spacing:-.03em}.page-module__wnA0zq__conversation>div>p{max-width:48ch;color:var(--muted);margin-top:24px}.page-module__wnA0zq__email{font:300 clamp(24px, 3vw, 42px)/1.4 var(--font-sans);letter-spacing:-.02em;border-bottom:1px solid var(--muted);margin-top:32px;display:inline-block}.page-module__wnA0zq__email:hover{border-color:var(--text)}@media (max-width:900px){.page-module__wnA0zq__label,.page-module__wnA0zq__intro>div,.page-module__wnA0zq__section>div,.page-module__wnA0zq__conversation>div{grid-column:1/-1}.page-module__wnA0zq__label{padding:0 0 24px}}@media (max-width:640px){.page-module__wnA0zq__page{padding-top:152px}}.page-module__wnA0zq__capture{grid-column:1/-1;min-width:0;margin:40px 0 0}.page-module__wnA0zq__capture figcaption{color:var(--muted);font:400 11px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:16px;display:flex}.page-module__wnA0zq__intro .page-module__wnA0zq__description{max-width:58ch;margin-top:24px;font-size:clamp(18px,1.5vw,20px)}.page-module__wnA0zq__training{--accent-soft:#1b1d21;--lab-radius:0}.page-module__wnA0zq__training .page-module__wnA0zq__description{max-width:50ch;margin:28px 0 48px}.page-module__wnA0zq__training .lab-kicker{font:400 11px/1.6 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.page-module__wnA0zq__training .lab-note{color:var(--muted);margin-top:24px;font-size:12px;line-height:1.7}.page-module__wnA0zq__training .lab-package{border:1px solid var(--line);border-radius:var(--lab-radius);background:0 0;overflow:clip}.page-module__wnA0zq__training .lab-package-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;font-size:13px;display:flex}.page-module__wnA0zq__training .lab-package-tabs{gap:4px;display:flex}.page-module__wnA0zq__training .lab-package button{color:var(--text);background:0 0;border:none}.page-module__wnA0zq__training .lab-package-tabs button{border-radius:6px;padding:10px 14px;font-size:12px;transition:background .2s}:is(.page-module__wnA0zq__training .lab-package-tabs button[aria-selected=true],.page-module__wnA0zq__training .lab-package-tabs button:hover){background:var(--surface)}.page-module__wnA0zq__training .lab-package-files{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);display:grid}.page-module__wnA0zq__training .lab-file-list{border-right:1px solid var(--line);padding:26px 16px 24px 24px}.page-module__wnA0zq__training .lab-folder-root{font:12px/1.8 var(--font-mono), monospace;overflow-wrap:anywhere;align-items:center;gap:10px;margin:0 0 16px;display:flex}.page-module__wnA0zq__training .lab-folder-root svg{color:var(--muted);flex-shrink:0}.page-module__wnA0zq__training .lab-file-list ul{margin:0;padding:0;list-style:none}.page-module__wnA0zq__training .lab-file-list li.is-nested{border-left:1px solid var(--line);margin-left:18px}.page-module__wnA0zq__training .lab-file-row{padding-left:28px;position:relative}.page-module__wnA0zq__training .lab-file-button{text-align:left;width:100%;min-height:44px;font:11px/1.5 var(--font-mono), monospace;overflow-wrap:anywhere;border-radius:4px;align-items:center;gap:8px;padding:10px 8px;display:flex}.page-module__wnA0zq__training .lab-file-button>svg{color:var(--muted);flex-shrink:0}.page-module__wnA0zq__training .lab-file-button[aria-pressed=true]{background:var(--accent-soft);color:var(--blue-ink)}.page-module__wnA0zq__training .lab-file-button:hover{background:var(--surface)}.page-module__wnA0zq__training .lab-folder-toggle{width:28px;min-height:44px;padding:0;position:absolute;top:0;left:0}.page-module__wnA0zq__training .lab-folder-toggle svg{transition:transform .2s;display:block}.page-module__wnA0zq__training .lab-folder-toggle svg.is-open{transform:rotate(90deg)}.page-module__wnA0zq__training .lab-file-detail{align-self:start;max-height:calc(100dvh - 128px);padding:32px;position:sticky;top:100px;overflow-y:auto}:is(.page-module__wnA0zq__training .lab-file-detail h3,.page-module__wnA0zq__training .lab-package-info h3){letter-spacing:-.03em;margin:12px 0;font-size:25px;font-weight:300;line-height:1.3}.page-module__wnA0zq__training .lab-file-path{font:11px/1.8 var(--font-mono), monospace;color:var(--blue-ink);overflow-wrap:anywhere;margin-bottom:24px}.page-module__wnA0zq__training .lab-package dl{margin:0;font-size:13px}.page-module__wnA0zq__training .lab-package dt{margin:22px 0 6px;font-weight:500}.page-module__wnA0zq__training .lab-package dd{color:var(--muted);margin:0;line-height:1.8}.page-module__wnA0zq__training .lab-package-info{max-width:760px;padding:32px}.page-module__wnA0zq__training .lab-package-footnote{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:18px 24px;font-size:11px}@media (max-width:900px){.page-module__wnA0zq__training .lab-package-files{grid-template-columns:minmax(0,1fr)}.page-module__wnA0zq__training .lab-file-detail{max-height:none;position:static}.page-module__wnA0zq__training .lab-file-detail-motion{transform:none!important}.page-module__wnA0zq__training .lab-file-list{border-right:none;border-bottom:1px solid var(--line)}}@media (max-width:540px){.page-module__wnA0zq__capture{margin-top:40px}.page-module__wnA0zq__training .lab-package-bar{flex-wrap:wrap;padding:16px}.page-module__wnA0zq__training .lab-package-tabs{width:100%}.page-module__wnA0zq__training .lab-package-tabs button{flex:1;min-width:44px;min-height:44px;padding:8px 10px}.page-module__wnA0zq__training .lab-file-list{padding:20px 12px}:is(.page-module__wnA0zq__training .lab-file-detail,.page-module__wnA0zq__training .lab-package-info){padding:24px 18px}.page-module__wnA0zq__training .lab-package-footnote{padding:16px}}@media (prefers-reduced-motion:reduce){.page-module__wnA0zq__training .lab-file-detail-motion{transform:none!important}}