.learn-page{max-width:1440px;margin:auto;padding:0 clamp(22px,4vw,64px) 65px;position:relative}.learn-backdrop{opacity:.1;pointer-events:none;height:650px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.learn-backdrop img{object-fit:cover}.learn-page>:not(.learn-backdrop){position:relative}.learn-intro{padding:45px 0 35px}.learn-intro h1{font:400 clamp(54px,6vw,84px)/1.05 var(--font-display);letter-spacing:-.035em;margin:18px 0}.learn-intro>p:last-of-type{max-width:60ch;color:var(--ink-2);font-size:17px;line-height:1.8}.learn-intro>a{color:var(--accent);margin-top:22px;font-size:14px;display:inline-block}.learn-starts{border-block:1px solid var(--line);padding:30px 0}.learn-starts h2,.learn-section-heading h2,.learn-atlas h2{font:36px/1.2 var(--font-display);margin:12px 0 22px}.learn-starts>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.learn-starts a{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:24px}.learn-starts a>span,.concept-card-meta{font:10px/1.8 var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.learn-starts h3{font:30px/1.2 var(--font-display);margin:14px 0}.learn-starts p,.concept-cards p{color:var(--ink-2);font-size:14px;line-height:1.8}.learn-starts strong{color:var(--accent);margin-top:20px;font-size:12px;font-weight:400;display:block}.concept-library{padding-top:35px;scroll-margin-top:85px}.learn-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.learn-section-heading p{font:11px var(--font-mono);color:var(--ink-3)}.concept-search{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:20px;padding:22px;display:flex}.concept-search label{color:var(--ink-3);flex-direction:column;gap:10px;font-size:12px;display:flex}.concept-search label:first-child{flex:1}.concept-search input,.concept-search select{border:1px solid var(--line-2);background:var(--bg);width:100%;min-width:0;color:var(--ink);border-radius:7px;padding:12px;font-size:16px}.concept-branches{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.concept-branches button{border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-size:12px}.concept-branches button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.concept-count{font:11px var(--font-mono);color:var(--ink-3);margin:20px 0}.concept-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.concept-cards a{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:14px;height:100%;padding:24px;display:flex}.concept-cards a:hover{border-color:var(--accent)}.concept-cards h3{font:28px/1.2 var(--font-display)}.concept-relations{font:10px/1.8 var(--font-mono);color:var(--ink-3)}.concept-interactive{color:var(--verd);font-size:11px}.concept-read{color:var(--accent);margin-top:auto;font-size:12px}.concept-empty{border:1px dashed var(--line-2);border-radius:10px;padding:30px}.concept-empty h3{font:30px var(--font-display)}.concept-empty p{color:var(--ink-3);margin:14px 0}.concept-empty button{color:var(--accent);padding:10px 0}.learn-atlas{border-block:1px solid var(--line);margin-top:40px;padding:30px 0}.learn-atlas p{color:var(--ink-2);max-width:65ch;font-size:14px;line-height:1.8}.learn-atlas>button{border:1px solid var(--line-2);color:var(--accent);border-radius:8px;margin:20px 0;padding:12px 18px;font-size:13px}.learn-next{color:var(--accent);flex-wrap:wrap;gap:20px;padding-top:30px;font-size:13px;display:flex}.concept-page{flex-direction:column;gap:34px;max-width:1180px;margin:auto;padding:45px clamp(22px,4vw,60px) 70px;display:flex}.concept-header{border-bottom:1px solid var(--line);flex-direction:column;gap:20px;padding-bottom:28px;display:flex}.concept-header h1{font-size:clamp(42px,5vw,70px);font-weight:400}.concept-header>p:last-child{font-size:20px;line-height:1.8}.concept-contents{color:var(--accent);flex-wrap:wrap;gap:10px 20px;font-size:12px;display:flex}.concept-contents a{padding:8px 0}.concept-page>section{scroll-margin-top:85px}.concept-page>section>h2{font:30px/1.2 var(--font-display);text-transform:none;letter-spacing:normal;color:var(--ink)}.concept-page section#try{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px}.concept-connections>div{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:24px}:root[data-theme=night] .learn-backdrop{opacity:.025}@media (max-width:1000px){.concept-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.learn-starts>div:last-child,.concept-cards{grid-template-columns:1fr}.concept-search{flex-direction:column}.concept-page section#try{padding:18px 12px}.learn-intro{padding-top:32px}}.learning-tracks{border-block:1px solid var(--line);padding:30px 0}.learning-tracks .learn-section-heading>a{color:var(--accent);font-size:14px}.track-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.track-cards>a{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:18px;padding:26px;display:flex}.track-cards>a:hover{border-color:var(--accent)}.track-cards h3{font:30px/1.2 var(--font-display)}.track-cards p,.track-page p{color:var(--ink-2);line-height:1.8}.track-cards strong{color:var(--accent);margin-top:auto;font-size:13px;font-weight:400}.track-page .concept-header h1{font-family:var(--font-display);letter-spacing:-.025em;line-height:1.08}.track-page h2{font:32px/1.2 var(--font-display)}.track-outcome,.track-practice{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:26px}.track-outcome p,.track-practice p{max-width:70ch;margin:16px 0}.track-outcome a,.track-practice a{color:var(--accent);padding:8px 0;display:inline-block}.track-lessons{margin:0;padding:0;scroll-margin-top:100px;list-style:none}.track-lessons>li{border-top:1px solid var(--line);grid-template-columns:56px minmax(0,1fr);gap:22px;padding:30px 0;scroll-margin-top:100px;display:grid}.track-number{color:var(--accent);font:32px var(--font-display)}.track-lessons h2{margin:12px 0}.track-lessons h2 a:hover{color:var(--accent)}.track-reflection{border-left:2px solid var(--accent);margin-top:22px;padding-left:20px}.track-reflection h3{margin-bottom:8px;font-size:13px}.track-note{font-size:14px}.concept-track-links>div{border-bottom:1px solid var(--line);color:var(--accent);flex-wrap:wrap;justify-content:space-between;gap:18px;padding:20px 0;font-size:14px;display:flex}@media (max-width:800px){.track-cards{grid-template-columns:1fr}.track-lessons>li{grid-template-columns:32px minmax(0,1fr);gap:12px}.track-outcome,.track-practice{padding:20px}}.stacking-explainer{flex-direction:column;gap:22px;min-width:0;display:flex}.stacking-explainer h3{font:30px/1.2 var(--font-display);margin-bottom:12px}.stacking-explainer p{color:var(--ink-2);font-size:14px;line-height:1.8}.stacking-mode{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:14px 24px;padding:18px;display:flex}.stacking-mode legend{padding:0 6px;font-size:13px}.stacking-mode label{align-items:center;gap:10px;font-size:14px;display:flex}.stacking-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.stacking-controls label{color:var(--ink-2);flex-direction:column;gap:12px;font-size:13px;display:flex}.stacking-controls input{width:100%;accent-color:var(--accent);min-height:24px}.stacking-controls select{background:var(--bg);border:1px solid var(--line-2);color:var(--ink);border-radius:6px;padding:10px}.stacking-results{background:var(--bg);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px;display:grid}.stacking-results span{color:var(--ink-3);font-size:12px;display:block}.stacking-results strong{font:30px/1.4 var(--font-display);color:var(--accent);display:block}.stacking-results p{grid-column:1/-1}.stacking-explainer svg{width:100%;max-width:760px;margin:auto;display:block}.stacking-explainer svg text{fill:var(--ink-2);font:12px sans-serif}.stacking-grid{stroke:var(--line-2)}.stacking-explainer .stacking-note{font-size:12px}.stacking-explainer summary{cursor:pointer;color:var(--accent);padding:10px 0;font-size:14px}.stacking-explainer details p{margin-top:12px}.stacking-table{overflow-x:auto}.stacking-table table{border-collapse:collapse;width:100%;font-size:13px}.stacking-table caption{text-align:left;color:var(--ink-3);margin:12px 0}.stacking-table td,.stacking-table th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.stacking-budget{border-left:2px solid var(--accent);padding-left:18px}.stacking-budget h4{margin-bottom:10px}.stacking-explainer a{color:var(--accent);text-decoration:underline}.stacking-explainer>button{border:1px solid var(--line-2);color:var(--accent);border-radius:8px;align-self:flex-start;padding:12px 18px}@media (max-width:600px){.stacking-controls,.stacking-results{grid-template-columns:1fr}.stacking-results strong{font-size:28px}}