.learn-page{--learn-lime:#b7f36a;--learn-border:#99abb92e;--learn-muted:#aab5bf;z-index:1;width:min(1120px,100% - 3rem);color:var(--text-body);margin:0 auto;padding:clamp(6.5rem,12vh,9rem) 0 6rem;position:relative}.learn-header{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(2rem,7vw,6rem);padding:0 0 clamp(2.5rem,5vw,4rem);display:grid}.learn-hero-copy .eyebrow{margin-bottom:1.25rem}.learn-header h1{max-width:10ch;color:var(--text-heading);letter-spacing:-.075em;font-size:clamp(3.5rem,7.5vw,6.5rem);line-height:.98}.learn-header h1 span{color:var(--accent-green)}.learn-intro{max-width:48ch;color:var(--learn-muted);margin:1.5rem 0 0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75}.learn-start-link{border-radius:var(--control-radius);background:var(--accent-green);color:#061208;min-height:44px;transition:transform var(--control-transition), box-shadow var(--control-transition), background-color var(--control-transition);align-items:center;gap:.7rem;margin-top:1.7rem;padding:.7rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.learn-start-link svg{color:currentColor;transition:transform .2s}.learn-start-link:hover{background:#56d364;transform:translateY(-2px);box-shadow:0 6px 18px #3fb95033}.learn-start-link:hover svg{transform:translateY(2px)}.learn-start-link:active{box-shadow:none;transform:translateY(1px)scale(.98)}.learn-terminal{border:1px solid var(--learn-border);background:linear-gradient(145deg,#161b22f5,#0d1117f5);border-radius:14px;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 25px 80px #0000003d,0 0 60px #58a6ff0d}.learn-terminal-bar{border-bottom:1px solid var(--learn-border);align-items:center;gap:6px;padding:14px 16px;display:flex}.learn-terminal-bar>span{background:#f7768e;border-radius:50%;width:8px;height:8px}.learn-terminal-bar>span:nth-child(2){background:#e0af68}.learn-terminal-bar>span:nth-child(3){background:#9ece6a}.learn-terminal-bar code{color:#7d8590;font:.68rem var(--font-mono);margin-left:auto}.learn-terminal-body{padding:1.5rem 1.4rem 1.7rem}.learn-terminal-body p{color:#d1d9e0;font:.85rem/1.6 var(--font-mono);margin:.55rem 0}.learn-terminal-body p>span{color:var(--learn-lime);margin-right:.55rem}.learn-terminal-body b{color:#a5d6ff;font-weight:500}.learn-terminal-body .learn-terminal-success{color:var(--learn-lime);margin:1.3rem 0 0;font-size:.75rem}.learn-section{padding-top:clamp(2rem,4vw,3.25rem)}.learn-section-heading{grid-template-columns:1fr 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;display:grid}.learn-kicker,.learn-track-file{color:var(--accent-blue);font:.75rem/1.5 var(--font-mono);margin:0}.learn-section-heading h2,.learn-next h2{color:var(--text-heading);letter-spacing:-.055em;margin:.35rem 0 0;font-size:clamp(1.8rem,3.7vw,2.7rem)}.learn-section-heading h2{text-align:center;grid-area:1/1/auto/-1;margin:0 0 .35rem}.learn-section-heading .learn-kicker{grid-area:2/1}.learn-section-heading>p:last-child{color:var(--learn-muted);text-align:right;grid-area:2/2;justify-self:end;margin:0 0 .35rem;font-size:.9rem}.learn-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.learn-track{--track-accent:var(--learn-lime);border:1px solid var(--learn-border);background:linear-gradient(145deg, color-mix(in srgb, var(--track-accent) 5%, var(--bg-card)), var(--bg-card) 60%);border-radius:12px;min-width:0;padding:1.35rem 1.4rem 1.4rem;transition:transform .22s,border-color .22s,background .22s;position:relative;overflow:hidden}.learn-track:nth-child(2){--track-accent:var(--accent-blue)}.learn-track:nth-child(3){--track-accent:var(--icon-purple)}.learn-track:before{background:var(--track-accent);content:"";width:34px;height:2px;position:absolute;top:0;left:1.4rem}.learn-track:hover{border-color:color-mix(in srgb, var(--track-accent) 52%, var(--learn-border));transform:translateY(-4px)}.learn-track-meta{justify-content:space-between;align-items:center;gap:.75rem;margin:.3rem 0 1.7rem;display:flex}.learn-track-number{color:var(--track-accent);font:.75rem var(--font-mono)}.learn-track-file{color:#7d8590;font-size:.68rem}.learn-track h3{color:var(--text-heading);letter-spacing:-.035em;margin:0 0 .65rem;font-size:1.25rem}.learn-track>div>p{color:var(--learn-muted);margin:0;font-size:.88rem;line-height:1.7}.learn-track>div>.learn-track-prompt{color:var(--track-accent);font:.76rem/1.6 var(--font-mono);overflow-wrap:anywhere;margin:0 0 .8rem}.learn-track>div>.learn-track-outcome{border-top:1px solid var(--learn-border);margin-top:1.2rem;padding-top:.85rem;font-size:.8rem}.learn-track-outcome strong{color:var(--text-heading);font-weight:600}.learn-track a,.learn-next a{color:var(--text-heading);align-items:center;gap:.5rem;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.learn-track a{min-height:44px;margin-top:1.1rem}.learn-next a{min-height:44px}.learn-track a svg,.learn-next a svg{color:var(--track-accent,var(--accent-blue));transition:transform .2s}.learn-track a:hover svg,.learn-next a:hover svg{transform:translate(3px)}.learn-track a:hover,.learn-next a:hover{text-underline-offset:4px;text-decoration:underline}.learn-next{border:1px solid var(--learn-border);background:radial-gradient(ellipse at 0 0, #58a6ff17, transparent 55%), var(--bg-base);border-radius:14px;grid-template-columns:minmax(200px,.8fr) minmax(0,1.2fr);column-gap:clamp(2rem,7vw,6rem);margin-top:clamp(4rem,8vw,6rem);padding:clamp(1.5rem,4vw,2.6rem);display:grid}.learn-next>.learn-kicker{grid-column:1}.learn-next h2{grid-column:1;align-self:start;margin:.4rem 0 0}.learn-next>p:not(.learn-kicker){color:var(--learn-muted);grid-column:1;margin:.9rem 0 0;font-size:.9rem;line-height:1.7}.learn-workshops{grid-area:1/2/span 3;align-content:start;gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.learn-workshops li{color:var(--learn-muted);grid-template-columns:max-content 14px 1fr;align-items:baseline;gap:.5rem;font-size:.82rem;line-height:1.6;display:grid}.learn-workshop-file{color:var(--text-heading);font:.75rem var(--font-mono)}.learn-workshop-separator{color:var(--accent-blue);align-self:center}.learn-event-detail{color:var(--learn-muted);grid-column:1;margin:.75rem 0 0;font-size:.78rem}.learn-event-detail+.learn-event-detail{margin-top:.35rem}.learn-event-detail strong{color:var(--text-heading);font-weight:600}.learn-next a{grid-column:2;justify-self:start;margin-top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:850px){.learn-header{grid-template-columns:1fr;gap:2.5rem}.learn-terminal{width:100%;max-width:520px;transform:none}.learn-tracks{grid-template-columns:1fr}.learn-track{padding:1.3rem 1.4rem}.learn-track-meta{margin-bottom:1.1rem}}@media (max-width:620px){.learn-page{width:min(100% - 2rem,560px);padding-top:6rem}.learn-header{padding-bottom:2.5rem}.learn-section-heading{text-align:center;grid-template-columns:1fr;gap:.45rem}.learn-section-heading .learn-kicker,.learn-section-heading h2,.learn-section-heading>p:last-child{text-align:center;grid-area:auto/1;justify-self:center}.learn-section-heading h2{order:1}.learn-section-heading .learn-kicker{order:0}.learn-section-heading>p:last-child{order:2;margin-top:.15rem}.learn-next{grid-template-columns:1fr;row-gap:1rem}.learn-next>.learn-kicker,.learn-next h2,.learn-next>p:not(.learn-kicker),.learn-workshops,.learn-event-detail,.learn-next a{grid-area:auto/1}.learn-workshops{margin-top:.5rem}.learn-workshops li{grid-template-columns:1fr;gap:.15rem}.learn-workshop-separator{display:none}.learn-event-detail{margin-top:0}}@media (prefers-reduced-motion:reduce){.learn-track,.learn-start-link svg,.learn-track a svg,.learn-next a svg{transition:none}}
