[data-site=you-will-learn],[data-site=challenge],[data-site=note],[data-site=pitfall],[data-site=deepdive]{box-sizing:border-box;max-inline-size:68ch;margin-block:0 var(--warp-space-group);padding:var(--warp-space-group) calc(var(--warp-space-group) * 1.25);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);background:var(--warp-color-surface);color:var(--warp-color-text-subtle)}[data-site=you-will-learn]{border-inline-start:3px solid var(--warp-color-accent-text);background:var(--warp-color-accent-soft)}:is([data-site=you-will-learn],[data-site=challenge],[data-site=pitfall],[data-site=deepdive]) [data-part=label]{margin:0 0 var(--warp-space-tight);font:400 calc(.75 * var(--warp-rem))/1.4 var(--warp-font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--warp-color-accent-text)}[data-site=you-will-learn] ul{gap:var(--warp-space-tight);color:var(--warp-color-text);margin:0;padding-inline-start:1.2em;line-height:1.55;display:grid}[data-site=you-will-learn] p{margin:0}[data-site=doc] [data-scope=prose] [data-site=challenge]{margin-block:var(--warp-space-group)}[data-site=challenge] h3{margin:0 0 var(--warp-space-related)!important}[data-site=challenge]>p{margin-block:0 var(--warp-space-related)}[data-site=challenge] details{border-block-start:var(--warp-border-hairline) solid var(--warp-color-border);margin-block-start:var(--warp-space-related);padding-block-start:var(--warp-space-related)}[data-site=challenge] summary{cursor:pointer;inline-size:fit-content;color:var(--warp-color-accent-text);font-weight:500}[data-site=challenge] summary:focus-visible{outline:2px solid var(--warp-color-focus,var(--warp-color-accent-text));outline-offset:2px;border-radius:4px}[data-site=challenge] details[open] summary{margin-block-end:var(--warp-space-related)}[data-site=note]{background:var(--warp-color-surface-sunken)}[data-site=note]>:last-child{margin-block-end:0}[data-site=pitfall]{border-inline-start:3px solid var(--warp-color-caution-solid,var(--warp-color-accent-text));background:var(--warp-color-caution-soft,var(--warp-color-surface-sunken))}[data-site=pitfall] [data-part=label]{color:var(--warp-color-caution-text,var(--warp-color-accent-text))}:is([data-site=pitfall],[data-site=note]) [data-part=title]{margin:0 0 var(--warp-space-tight);color:var(--warp-color-text);font-weight:600}[data-site=pitfall]>:last-child,[data-site=deepdive] [data-part=body]>:last-child{margin-block-end:0}[data-site=deepdive]{padding-block:var(--warp-space-related)}[data-site=deepdive] summary{align-items:baseline;gap:var(--warp-space-tight) var(--warp-space-related);cursor:pointer;flex-wrap:wrap;list-style:none;display:flex}[data-site=deepdive] summary::-webkit-details-marker{display:none}[data-site=deepdive] summary:after{content:"Show more";font-size:var(--doc-small,calc(.875 * var(--warp-rem)));color:var(--warp-color-accent-text);margin-inline-start:auto}[data-site=deepdive][open] summary:after{content:"Show less"}[data-site=deepdive] summary [data-part=label]{margin:0}[data-site=deepdive] summary [data-part=title]{color:var(--warp-color-text);font-weight:600}[data-site=deepdive] summary:focus-visible{outline:2px solid var(--warp-color-focus,var(--warp-color-accent-text));outline-offset:4px;border-radius:4px}[data-site=deepdive] [data-part=body]{border-block-start:var(--warp-border-hairline) solid var(--warp-color-border);margin-block-start:var(--warp-space-related);padding-block-start:var(--warp-space-related)}[data-site=example][data-learn]{content-visibility:visible;margin-block:var(--warp-space-group) calc(var(--warp-space-section) * .75)}[data-site=example][data-learn] [data-part=run]{min-block-size:180px}[data-site=example][data-learn] [data-part=try]{max-inline-size:68ch;font-size:calc(.9375 * var(--warp-rem));color:var(--warp-color-text-subtle);margin:0;line-height:1.55}[data-site=example][data-learn] [data-part=try] strong{color:var(--warp-color-text);font-weight:600}[data-site=doc] [data-part=crumb] span{color:var(--warp-color-text-subtle)}[data-learn-home] h2{margin-block:var(--warp-space-section) var(--warp-space-related);font:600 var(--doc-h2)/1.25 var(--doc-sans);letter-spacing:-.015em;color:var(--ink)}[data-learn-home] section>p{max-inline-size:68ch;margin-block:0 var(--warp-space-related);color:var(--dim);line-height:1.7}[data-learn-home] [data-part=cmd]{box-sizing:border-box;max-inline-size:100%;margin:0 0 var(--warp-space-group);padding:var(--warp-space-related) var(--warp-space-group);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-control);background:var(--warp-color-surface-sunken);font:400 calc(.875 * var(--warp-rem))/1.5 var(--warp-font-mono);color:var(--warp-color-text);overflow-x:auto}[data-learn-home] [data-part=path]{gap:var(--warp-space-related);margin:0 0 var(--warp-space-group);counter-reset:none;padding:0;list-style:none;display:grid}[data-learn-home] [data-part=path]>li{gap:var(--warp-space-group);padding:var(--warp-space-group);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);background:var(--warp-color-surface);grid-template-columns:32px minmax(0,1fr);display:grid}[data-learn-home] [data-part=n]{border:var(--warp-border-hairline) solid var(--warp-color-border-strong);block-size:28px;inline-size:28px;font:400 calc(.8125 * var(--warp-rem))/1 var(--warp-font-mono);color:var(--glow);border-radius:50%;place-items:center;display:grid}[data-learn-home] [data-part=path] h3{margin:0 0 var(--warp-space-tight);font:600 var(--doc-h3)/1.35 var(--doc-sans)}[data-learn-home] [data-part=path] h3 a{color:var(--ink);text-decoration:none}[data-learn-home] [data-part=path] h3 a:hover{color:var(--glow)}[data-learn-home] [data-part=path] p{margin:0 0 var(--warp-space-related);color:var(--dim);line-height:1.55}[data-learn-home] [data-part=path] ul{gap:var(--warp-space-tight) var(--warp-space-group);font-size:var(--doc-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}[data-learn-home] [data-part=path] ul a{color:var(--dim)}[data-learn-home] [data-part=path] ul a:hover{color:var(--ink)}@media (width<=599.98px){[data-learn-home] [data-part=path]>li{gap:var(--warp-space-related);grid-template-columns:minmax(0,1fr)}[data-site=you-will-learn],[data-site=challenge],[data-site=note],[data-site=pitfall],[data-site=deepdive]{padding:var(--warp-space-related) var(--warp-space-group)}}