.learn-doc{counter-reset:chapter;max-width:52rem;margin-inline:auto;padding:1.75rem 2rem 5rem}@media (max-width:640px){.learn-doc{padding:1.25rem 1rem 5rem}}.learn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1.5rem 2rem;align-items:center;margin:0 0 2.25rem}@media (max-width:800px){.learn-hero{grid-template-columns:1fr;gap:.75rem}}.learn-doc .learn-kicker{margin:0 0 .45em;color:#5cad02;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.learn-hero h1{margin:0 0 .4em;font-size:clamp(1.7rem,3.4vw,2.15rem);font-weight:650;letter-spacing:-.035em;line-height:1.12}.learn-doc .learn-dek{margin:0;max-width:28rem;color:var(--theme-muted);font-size:1.02rem;line-height:1.55}.learn-stage{position:relative;height:240px;margin:0}@media (max-width:800px){.learn-stage{height:220px;order:-1}}.learn-stage-canvas{height:100%}.learn-stage-canvas canvas{display:block;width:100%;height:100%;cursor:pointer}.learn-stage figcaption{position:absolute;right:0;bottom:0;margin:0;color:var(--theme-muted);font-size:11px;line-height:1.3}.learn-doc h2{counter-increment:chapter;display:flex;align-items:baseline;gap:.7rem;margin:2.4em 0 .5em;font-size:1.05rem;font-weight:650;letter-spacing:-.02em;line-height:1.3}.learn-doc h2:before{content:counter(chapter,decimal-leading-zero);flex:none;width:1.6rem;color:#6db802;font-size:.78em;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:0}.learn-doc h2.plain{counter-increment:none}.learn-doc h2.plain:before{content:none}.learn-doc p{margin:0 0 .9em;color:color-mix(in oklab,var(--theme-fg) 88%,transparent);font-size:15px;line-height:1.7}.learn-doc .note{padding-left:.85rem;border-left:2px solid var(--theme-border);color:var(--theme-muted);font-size:.9rem;line-height:1.6}.learn-doc a{color:#5cad02;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.learn-doc a:hover{color:#219150}