.public-capacity{font:10px/1.6 var(--mono);color:var(--muted)}
.capacity-note{font-size:11px;line-height:1.7;color:var(--muted);padding:10px 24px;margin:0;border-bottom:1px solid var(--line);background:#f4f4eb}
.learn{margin:16px 0 22px;border:1px solid #c5cbb8;border-radius:5px;background:#f0f1e7;min-width:0}
.learn>summary{padding:14px 17px;font-size:13px;cursor:pointer;line-height:1.7;list-style:none;display:flex;align-items:center;gap:13px}
.learn>summary::after{content:'+';margin-left:auto;color:var(--orange);font:20px var(--mono)}
.learn[open]>summary{border-bottom:1px solid #d9decd}.learn[open]>summary::after{content:'−'}
.learn-tag{font:9px/1.6 var(--mono);color:var(--orange);letter-spacing:1px;text-transform:uppercase;flex-shrink:0}
.learn-body{padding:4px 22px 20px;max-width:960px;margin:auto}
.learn-body p,.learn-body li,.learn-body dd{font-size:13px;line-height:1.85;color:#535e4c}
.learn-body p{margin:13px 0}.learn-body .learn-lead{font:23px/1.4 Georgia,serif;color:var(--ink);margin:20px 0 12px}
.learn-body code{font:11px/1.8 var(--mono);overflow-wrap:anywhere}
.learn-body .learn-note{font-size:11px;color:var(--muted)}
.learn-more{margin-top:16px;border-top:1px solid #d3d9c7;padding-top:12px;font-size:12px}
.learn-more summary{cursor:pointer;line-height:1.8}.learn-more p{max-width:850px}
.learn-more dl{display:grid;grid-template-columns:150px 1fr;gap:12px 18px;margin:18px 0}
.learn-more dt{font:11px/1.8 var(--mono);color:var(--ink)}.learn-more dd{margin:0;font-size:12px}
.learn-more ol{padding-left:23px}.learn-more li{padding:3px 0;font-size:12px}
.term{display:inline;background:none;border:0;border-bottom:1px dotted #6c795e;padding:0 1px;color:inherit;font:inherit;cursor:pointer;text-align:left}
.term::after{content:'?';font:8px var(--mono);vertical-align:super;margin-left:3px;color:var(--orange)}
.term:hover{color:var(--orange)}.term-help{position:fixed;inset:0;margin:auto;padding:28px;max-width:440px;width:calc(100% - 44px);border:1px solid #aebc9d;border-radius:8px;background:#fbfaf4;color:var(--ink);box-shadow:0 15px 80px #14200f40}
.term-help::backdrop{background:#1c25162b}.term-help h3{font:27px/1.3 Georgia,serif;margin:10px 0}.term-help p{font-size:14px;line-height:1.8}.term-help code{display:block;font:11px/1.8 var(--mono);overflow-wrap:anywhere;border-top:1px solid var(--line);padding-top:14px;color:var(--green)}
.term-close{position:absolute;top:6px;right:10px;border:0;background:none;font-size:25px;padding:0 6px;color:var(--muted)}
.price-explorer,.loop-explorer,.instruction-example{padding:20px;background:#fbfaf4;border:1px solid var(--line);border-radius:5px;margin:20px 0}
.price-explorer label{display:flex;justify-content:space-between;gap:15px;font-size:12px}.price-explorer output{font:12px var(--mono);color:var(--orange)}
.learn input[type=range]{display:block;width:100%;margin:20px 0;accent-color:var(--green);height:20px;cursor:pointer}
.price-parts{display:flex;align-items:center;gap:16px;justify-content:space-between}.price-parts>div{flex:1}.price-parts>span{color:#96a185;font:22px var(--mono)}
.price-parts span,.loop-values span{font-size:10px;color:var(--muted);display:block}.price-parts b,.loop-values b{font:27px/1.5 Georgia,serif;display:block;font-variant-numeric:tabular-nums}
.price-answer b{color:var(--green)}.price-explorer>p{margin:12px 0 0;font-size:11px}
.learn-route{display:flex;gap:12px;align-items:center;margin:22px 0}.learn-route>div{flex:1;background:#e9ecdf;border:1px solid #d0d7c2;padding:14px;min-width:0}.learn-route b{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.learn-route span{font-size:11px;color:var(--muted);line-height:1.7;display:block}.learn-route i{font-style:normal;color:var(--orange)}.instruction-example .learn-route>div:last-child{flex:1.8}
.wrap-label{font-size:12px}.wrap-label output{font:13px var(--mono);color:var(--orange)}.wrap-example{display:flex;align-items:center;gap:18px;padding:17px 0}.wrap-example code{background:var(--code);color:#dbe7cf;padding:9px 16px;font:24px var(--mono);letter-spacing:3px}.wrap-example>span{font-size:12px}.wrap-example b{font:24px Georgia,serif;color:var(--green)}
#learn-wrap-note[data-wrapped=true]{color:#a53d1b}
.learn-controls{display:flex;align-items:center;gap:15px}.learn-controls label{font-size:12px;margin-right:auto}.learn-controls .button{font-size:10px;padding:8px 12px}
.loop-items{display:flex;gap:12px;justify-content:center;margin:22px 0}.loop-items span{display:grid;place-items:center;width:60px;height:60px;border:1px dashed #a2af92;color:#98a48d;border-radius:6px;font:12px var(--mono)}.loop-items .counted{border-style:solid;border-color:var(--green);color:var(--green);background:#e2ecd7}
.loop-values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.loop-values>div:last-child b{color:var(--orange)}.loop-explorer .loop-equation{font:21px/1.6 var(--mono);text-align:center;border-top:1px solid var(--line);padding-top:17px;color:var(--green)}.loop-explorer>p:last-child{font-size:12px;text-align:center}
.test-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.test-proof>div{padding:18px;border:1px solid var(--line);background:#fbfaf4}.test-proof b{display:block;font:21px/1.4 Georgia,serif;margin-top:10px}.test-proof p{font-size:12px;margin-bottom:0}
.learning-sources{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:11px;line-height:1.9}.learning-sources summary{cursor:pointer}.learning-sources ul{padding-left:20px}.learning-sources li{margin:8px 0}.learning-sources a{color:var(--ink)}
@media(max-width:700px){.public-capacity{font-size:8px}.capacity-note{padding:10px 15px;font-size:10px}.learn>summary{font-size:11px;gap:9px;padding:12px;align-items:start}.learn-tag{font-size:8px}.learn-body{padding:0 13px 15px}.learn-body p,.learn-body dd,.learn-body li{font-size:12px}.learn-body .learn-lead{font-size:21px}.learn-more dl{grid-template-columns:1fr;gap:3px}.learn-more dd{margin-bottom:10px}.price-explorer,.loop-explorer,.instruction-example{padding:12px}.price-parts{gap:7px;flex-wrap:wrap}.price-parts span{font-size:9px}.price-parts b{font-size:23px}.price-parts>span{font-size:16px}.price-answer{min-width:100%;border-top:1px solid var(--line);margin-top:6px;padding-top:9px}.price-answer span,.price-answer b{display:inline;margin-right:10px}.price-explorer label{font-size:11px}.learn-route{flex-direction:column;align-items:stretch;gap:7px}.learn-route i{transform:rotate(90deg);text-align:center}.learn-route>div{padding:12px}.learn-route b{margin:0 0 3px}.instruction-example .learn-route{margin:12px 0}.wrap-example{gap:10px}.wrap-example code{font-size:19px;padding:8px}.wrap-example>span{font-size:10px}.learn-controls{gap:10px;flex-wrap:wrap}.learn-controls label{flex-basis:100%}.loop-items{gap:8px}.loop-items span{width:49px;height:49px}.loop-values{gap:8px}.loop-values span{font-size:9px}.loop-values b{font-size:24px}.test-proof{grid-template-columns:1fr;gap:10px}.test-proof>div{padding:13px}.test-proof b{font-size:20px}.term-help{padding:23px;max-height:80vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){.pipeline-step.running .flow-icon,.check-grid>[data-state=running]>span{animation:none}.sample-track>div{transition:none}}
/* Keep the introduction close to the worked example instead of a landing-page hero. */
.playground-hero{display:block;max-width:870px;padding:34px 0 24px}
.playground-hero h1{font-size:clamp(30px,3.2vw,44px);letter-spacing:-1px;line-height:1.2;margin:13px 0 18px}
.playground-hero>p{font-size:15px;line-height:1.85;color:#535e4c;max-width:780px;margin:10px 0}
.playground .workspace-heading h2{font-size:25px}
.example-scope{max-width:850px;margin:36px 0;font-size:13px;line-height:1.85;color:#535e4c}
.example-scope h2{font:26px/1.4 Georgia,serif;color:var(--ink);margin:0 0 14px}.example-scope>details{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.example-scope summary{cursor:pointer;font-size:12px}.example-scope details>p{font-size:12px}
.reference-page .hero h1{font-size:clamp(30px,3.4vw,46px);letter-spacing:-1px;line-height:1.2}
@media(max-width:700px){.playground-hero{padding:27px 0 20px}.playground-hero h1{font-size:32px;margin:12px 0 15px}.playground-hero>p{font-size:13px;line-height:1.85}.playground .workspace-heading h2{font-size:21px}.workspace-heading>div{min-width:0}.workspace-heading .follow-button{flex-shrink:0}.example-scope{margin:28px 0;font-size:12px}.example-scope h2{font-size:23px}.reference-page .hero h1{font-size:32px}}
.learn-next{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.learn-next p{font-size:11px;line-height:1.8;color:var(--muted);margin:0;max-width:650px}.learn-next button{font-size:11px;flex-shrink:0;text-align:left}
@media(max-width:700px){.learn-next{flex-direction:column;align-items:start;gap:10px}.learn-next p,.learn-next button{font-size:10px}}