.learn-page{background:var(--color-surface)}
.learn-shell{display:grid;grid-template-columns:240px minmax(0,720px);gap:var(--space-16);align-items:start;padding-top:var(--space-20);padding-bottom:var(--space-28)}
.learn-sidebar{position:sticky;top:calc(68px + var(--space-6));align-self:start;padding-right:var(--space-6)}
.learn-home{display:inline-flex;margin-bottom:var(--space-8);color:var(--color-ink);font:600 13px/1.45 var(--font-body)}
.learn-sidebar nav{display:grid;gap:var(--space-8)}
.learn-sidebar section h2{margin:0 0 var(--space-3);color:var(--color-text-muted);font:700 11px/1.3 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.learn-sidebar section div{display:grid;border-left:1px solid var(--color-border)}
.learn-sidebar section a{position:relative;display:flex;align-items:center;min-height:38px;padding:var(--space-2) 0 var(--space-2) var(--space-4);color:var(--color-text-muted);font:500 13px/1.45 var(--font-body);transition:color var(--motion-fast) var(--ease-standard)}
.learn-sidebar section a:hover{color:var(--color-ink)}
.learn-sidebar section a:focus-visible,.learn-home:focus-visible,.learn-callout a:focus-visible,.learn-next a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}
.learn-sidebar section a[aria-current="page"]{color:var(--color-primary);font-weight:600}
.learn-sidebar section a[aria-current="page"]::before{content:"";position:absolute;left:-1px;top:var(--space-2);bottom:var(--space-2);width:2px;background:var(--color-primary)}
.learn-article{min-width:0}
.learn-article>header{padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border)}
.learn-eyebrow{margin:0 0 var(--space-3);color:var(--color-primary);font:700 11px/1.3 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.learn-article h1{max-width:720px;margin:0;color:var(--color-ink);font:600 clamp(35.8px,3.84vw,55.8px)/1.06 var(--font-display);letter-spacing:-.025em}
.learn-intro{max-width:68ch;margin:var(--space-4) 0 0;color:var(--color-text-muted);font:400 17px/1.5 var(--font-body)}
.learn-section{padding:var(--space-10) 0;border-bottom:1px solid var(--color-border);scroll-margin-top:calc(68px + var(--space-8))}
.learn-section h2{margin:0 0 var(--space-4);color:var(--color-ink);font:600 19.8px/1.16 var(--font-body);letter-spacing:-.02em}
.learn-section p{max-width:68ch;margin:0 0 var(--space-3);color:var(--color-text-muted);font:400 14px/1.55 var(--font-body)}
.learn-section p:last-child{margin-bottom:0}
.learn-section ul{display:grid;gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none}
.learn-section li{position:relative;max-width:68ch;padding-left:var(--space-6);color:var(--color-text-muted);font:400 14px/1.55 var(--font-body)}
.learn-section li::before{content:"";position:absolute;left:var(--space-1);top:.55em;width:7px;height:7px;border:2px solid var(--color-primary);border-radius:50%}
.learn-callout{margin-top:var(--space-10);padding:var(--space-6);background:var(--color-primary-soft);border:1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));border-radius:var(--radius-md)}
.learn-callout strong{display:block;color:var(--color-ink);font:600 14px/1.4 var(--font-body)}
.learn-callout p{max-width:68ch;margin:var(--space-2) 0 var(--space-3);color:var(--color-text-muted);font:400 14px/1.55 var(--font-body)}
.learn-callout a,.learn-next a{color:var(--color-primary);font:600 13px/1.45 var(--font-body);transition:color var(--motion-fast) var(--ease-standard)}
.learn-callout a:hover,.learn-next a:hover{color:var(--color-primary-hover)}
.learn-next{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border);font:500 13px/1.45 var(--font-body)}
.learn-next>span{color:var(--color-text-muted)}
.learn-next a span{color:inherit}
.learn-page .site-footer{margin-top:0}
html[data-theme="dark"] .learn-page{background:var(--paper)}
@media(max-width:1200px){.learn-shell{grid-template-columns:220px minmax(0,720px);gap:var(--space-12)}}
@media(max-width:900px){.learn-shell{grid-template-columns:190px minmax(0,1fr);gap:var(--space-10);padding-top:var(--space-16);padding-bottom:var(--space-20)}.learn-sidebar{padding-right:0}}
@media(max-width:720px){.learn-shell{display:block;padding-top:var(--space-10);padding-bottom:var(--space-16)}.learn-sidebar{position:relative;top:auto;margin-bottom:var(--space-12)}.learn-home{margin-bottom:var(--space-5)}.learn-sidebar nav{grid-template-columns:1fr;gap:var(--space-6)}.learn-sidebar section a{min-height:44px}.learn-article h1{font-size:35.8px}.learn-intro{font-size:16px}.learn-section{padding:var(--space-8) 0}.learn-next{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.learn-sidebar section a,.learn-callout a,.learn-next a{transition:none}}