.learn-build{--learn-gold:#d5b16d;--learn-crimson:#84313e;--learn-line:#62414a;scroll-behavior:smooth}
.learn-build .learn-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:64px;align-items:center;padding:76px 6% 60px;background:radial-gradient(ellipse at 88% 20%,#6b25352e,transparent 60%),linear-gradient(135deg,#141013,#090b0d 65%);border-bottom:1px solid var(--learn-line)}
.learn-build .eyebrow{color:var(--learn-gold);font-size:11px;letter-spacing:2px}
.learn-build h1{font-size:clamp(40px,4.8vw,72px);line-height:1.08;margin:22px 0 28px}
.learn-build h1 em{color:var(--learn-gold);font-weight:400}
.learn-build .learn-lead{font-size:19px;line-height:1.7;color:#e3ddcf}
.learn-build .learn-hero-copy>p:not(.eyebrow){max-width:680px}
.learn-build .learn-hero-copy>p:not(.learn-lead):not(.eyebrow){color:#b6adb0}
.learn-build .actions{flex-wrap:wrap;gap:12px;margin-top:30px}
.learn-build .button{white-space:normal;text-align:center}
.learn-build .button.primary{background:var(--learn-crimson);color:#fff1e6;border-color:#a85463}
.learn-build .button:hover,.learn-build .button:focus-visible{border-color:var(--learn-gold)}
.learn-build a:focus-visible,.learn-build input:focus-visible,.learn-build select:focus-visible,.learn-build button:focus-visible{outline:2px solid var(--learn-gold);outline-offset:4px}
.learn-build .learn-mission{background:#151114;border:1px solid var(--learn-line);border-top:3px solid var(--learn-gold);padding:30px;box-shadow:12px 12px 0 #0004}
.learn-build .learn-mission-title{font:25px/1.3 Georgia,serif;margin:22px 0}
.learn-build .learn-mission-title>span{display:block;color:var(--learn-gold);font:36px/1.4 'Segoe UI',sans-serif;margin-bottom:10px}
.learn-build .learn-mission ol{list-style:none;padding:0;margin:0}
.learn-build .learn-mission li{display:flex;gap:17px;padding:18px 0;border-top:1px solid #49323a}
.learn-build .learn-mission li>span{font:12px/1.8 Consolas,monospace;color:var(--learn-gold)}
.learn-build .learn-mission strong{font-size:15px;font-weight:600}
.learn-build .learn-mission li p{font-size:13px;color:#b6adb0;line-height:1.6;margin:5px 0 0}
.learn-build .learn-mission-note{font-size:11px;color:var(--learn-gold);margin:20px 0 0;padding-top:18px;border-top:1px solid #49323a}
.learn-build .learn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 6%;margin:0;background:#161215;border-bottom:1px solid var(--learn-line)}
.learn-build .learn-stats>div{display:flex;flex-direction:column-reverse;padding:24px 28px;border-left:1px solid #49323a}
.learn-build .learn-stats>div:last-child{border-right:1px solid #49323a}
.learn-build .learn-stats dt{font-size:11px;letter-spacing:1px;color:#c2b7ba}
.learn-build .learn-stats dd{margin:0;color:var(--learn-gold);font:32px/1.3 Georgia,serif}
.learn-build .learn-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}
.learn-build .learn-section-heading>p{max-width:430px;color:#b6adb0}
.learn-build .learn-section-heading h2{margin-bottom:12px}
.learn-build .learn-preview-section{border-bottom:1px solid var(--learn-line)}
.learn-build .learn-library>p:not(.eyebrow){color:#b6adb0;max-width:850px}
.learn-build .discovery-filters{grid-template-columns:minmax(160px,2fr) minmax(140px,1.2fr) minmax(150px,1.2fr) auto auto}
.learn-build .discovery-filters input,.learn-build .discovery-filters select{background:#151114;border-color:var(--learn-line);color:#ede2d9}
.learn-build .learn-result-count{font-size:12px;margin:20px 0 30px}
.learn-build .learn-resource{display:flex;flex-direction:column;min-width:0}
.learn-build .learn-resource>.entry-card{flex:1}
.learn-build .learn-sampler-link{display:block;padding:15px 18px;border:1px solid var(--learn-line);border-top:0;font-size:12px;color:var(--learn-gold);background:#1a1217}
.learn-build .learn-sampler-link:hover{text-decoration:underline}
.learn-build .entry-card{border-color:var(--learn-line)}
.learn-build .empty{grid-column:1/-1}
.learn-build section[id]{scroll-margin-top:24px}
@media(max-width:1100px){.learn-build .learn-hero{gap:36px}.learn-build .discovery-filters{grid-template-columns:2fr 1fr 1fr}.learn-build .learn-mission{padding:24px}}
@media(max-width:760px){.learn-build .learn-hero{grid-template-columns:1fr;padding:48px 6%;gap:36px}.learn-build h1{letter-spacing:-1px}.learn-build .learn-section-heading{display:block}.learn-build .learn-stats>div{padding:18px 12px}.learn-build .learn-stats dt{font-size:10px;letter-spacing:0}.learn-build .learn-stats dd{font-size:28px}.learn-build .discovery-filters{grid-template-columns:1fr}.learn-build .learn-lead{font-size:17px}.learn-build .learn-mission{box-shadow:6px 6px 0 #0004}}
