@import url('/learn/course.css');
.build-hero{padding:44px 0 32px}.build-hero h1{max-width:900px;font-size:clamp(2.1rem,4.5vw,3.8rem);line-height:1.12;letter-spacing:-.04em}.build-hero .lede{max-width:760px;font-size:1.12rem;color:var(--muted,#bbb2c5)}.eyebrow{color:#d4f27b;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.build-flow{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.build-flow>span{border:1px solid #3b3448;border-radius:8px;padding:8px 12px;background:#18141f}.build-flow b{align-self:center;color:#c0db6a}.build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.build-card{display:block;padding:23px;border:1px solid #37303f;border-radius:14px;background:#16121c;text-decoration:none;color:inherit}.build-card:hover{border-color:#b9d567;background:#1d1726}.build-card h2{font-size:1.2rem;line-height:1.4;margin:10px 0}.build-card p{font-size:.96rem;color:#b9b0c6;margin:0}.build-card .number{font-family:monospace;color:#d4f27b;font-size:.85rem}.build-article{max-width:900px}.build-article h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.build-article h2{font-size:1.4rem;margin:0 0 18px}.build-article h3{font-size:1.1rem}.build-article>section{margin:32px 0;padding:24px 0;border-top:1px solid #332b3d;scroll-margin-top:105px}.build-article p{max-width:74ch;line-height:1.85}.build-article pre,.source-view pre{background:#0b0a0f;border:1px solid #36303f;padding:20px;border-radius:10px;overflow:auto;font-size:.85rem;line-height:1.6;tab-size:4}.build-article code{overflow-wrap:anywhere}.build-article pre code{overflow-wrap:normal}.code-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:18px 0 0;font-size:.82rem}.code-toolbar button{font-size:.8rem;padding:6px 12px;min-height:44px}.checkpoint,.milestone{padding:24px!important;background:#17131e;border:1px solid #40334b!important;border-radius:14px}.milestone{border-left:3px solid #c4e86d!important}.build-article details{border:1px solid #393141;border-radius:10px;padding:16px;margin:18px 0}.build-article summary{cursor:pointer;font-weight:650;min-height:30px}.build-article details p{margin-bottom:0}.build-toc{display:flex;flex-wrap:wrap;gap:8px 18px;margin:25px 0}.build-toc a{font-size:.88rem;color:#b9b0c6}.run-link{display:inline-flex;align-items:center;min-height:44px;background:#c8e881;color:#181b12;border-radius:9px;padding:10px 16px;text-decoration:none;font-weight:700}.secondary-link{display:inline-flex;min-height:44px;align-items:center;padding:10px 12px}.source-view{max-width:1200px;margin:auto;padding:20px}.source-view .line{display:block;scroll-margin-top:100px;min-height:1.5em}.source-view .line:target{background:#3f4222}.line-number{display:inline-block;width:4em;color:#8a8396;user-select:none;text-decoration:none}.next-post{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:28px 0}.proof-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proof-list div{border:1px solid #35303f;padding:16px;border-radius:10px}.proof-list small{display:block;color:#b9b0c6}.lab-shell{max-width:1200px;margin:auto;padding:24px}.lab-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;margin:24px 0}.gpu-frame{background:#000;border:1px solid #3b3345;border-radius:12px;overflow:hidden}.gpu-frame canvas{display:block;width:100%;height:480px;touch-action:pan-y}.gpu-frame canvas:focus-visible{outline:3px solid #d4f27b;outline-offset:-4px}.lab-panel{border:1px solid #3b3345;border-radius:12px;padding:20px;background:#18131e}.lab-panel label{display:block;margin:16px 0 5px}.lab-panel select{max-width:100%;width:100%}.lab-panel input[type=range]{width:100%;min-height:36px}.lab-panel button{min-height:44px}.lab-panel output{font-variant-numeric:tabular-nums}.lab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.lab-stats dt{font-size:.78rem;color:#b7adc2}.lab-stats dd{margin:4px 0 0;font:1rem monospace;overflow-wrap:anywhere}.status-line{padding:12px 16px;border-top:1px solid #352d3f;font: .8rem monospace;overflow-wrap:anywhere;color:#c8d3b8}.lab-caption{line-height:1.75;color:#c3b8ce}.lab-links{display:flex;flex-wrap:wrap;gap:12px}.lab-links a{min-height:44px}.model-note{font-size:.83rem;color:#b7adc2;line-height:1.6}.source-view h1{font-size:1.2rem;overflow-wrap:anywhere}.reviewed .review-dot{background:#c8e881}.build-article table{border-collapse:collapse;width:100%;font-size:.9rem}.build-article th,.build-article td{text-align:left;padding:12px;border:1px solid #37303f;vertical-align:top}.table-scroll{overflow:auto}.build-article footer{margin-top:40px}[hidden]{display:none!important}
@media(max-width:1100px){.build-article{max-width:none}.lab-layout{grid-template-columns:minmax(0,1fr)}.lab-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.lab-panel>.full{grid-column:1/-1}.gpu-frame canvas{height:420px}}
@media(max-width:600px){.build-grid,.proof-list{grid-template-columns:1fr}.build-hero{padding:24px 0}.build-card{padding:19px}.build-article>section{padding:20px 0}.milestone,.checkpoint{padding:18px!important}.build-article pre{padding:14px;font-size:.78rem}.lab-shell{padding:16px}.gpu-frame canvas{height:300px}.lab-panel{display:block}.lab-stats{gap:8px;padding:12px}.topbar nav{display:none}.build-article h1{font-size:2rem}.build-hero h1{font-size:2.25rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}