.learning-ui{max-width:1240px;margin:auto}.learning-ui h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.learning-ui h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.025em}.learning-ui p{line-height:1.7}.learn-hero{display:grid;grid-template-columns:.85fr 1.3fr;gap:24px;background:linear-gradient(120deg,#f1e9dc,#faf7f0);border:1px solid #e4dace;border-radius:28px;padding:32px;margin:32px 0}.learn-hero h2{margin-top:20px}.learn-map{align-self:center}.learn-map svg{width:100%;height:auto}.learn-terrain{fill:#e7e7d1;stroke:#d9d8c0}.learn-trail{fill:none;stroke:#adaf94;stroke-width:2;stroke-dasharray:4 7}.learn-node circle{fill:#fcf9ef;stroke:#bcb7a0;stroke-width:2;transition:fill .25s,stroke-width .25s}.learn-node text{text-anchor:middle;dominant-baseline:middle;fill:#656b5b;font-size:15px}.learn-node .learn-map-label{font-size:13px}.learn-node.done circle{fill:#52785d}.learn-node.done text:first-of-type{fill:white}.learn-node.current circle{fill:#b6533c;stroke:#eed4bf;stroke-width:7}.learn-node.current text:first-of-type{fill:white}.learn-node:hover circle,.learn-node:focus circle{stroke:#b6533c;stroke-width:5}.learn-node:focus{outline:none}.learn-meta{font-size:13px;color:#797568}.learn-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:30px 0}.learn-stages span{font-size:14px;color:#797568}.learn-stages b{display:block;font-size:17px;color:#34372d;margin-bottom:7px}.learn-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.learn-lesson-link{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #e8e1d7;text-decoration:none;color:inherit;font-size:15px;line-height:1.5}.learn-lesson-link:hover,.learn-lesson-link.selected{color:#b6533c}.learn-segments{display:flex;gap:6px;margin:20px 0 5px}.learn-segments i{height:4px;flex:1;background:#e8e4dc;border-radius:4px}.learn-segments .complete{background:#52785d}.learn-achievement{background:#edf0e2;border-radius:16px;padding:20px;margin:22px 0;border-left:3px solid #708464}.learn-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;margin-top:35px}.learn-track{align-self:start;background:#fffdf9;padding:24px;border:1px solid #e4dace;border-radius:20px}.learn-tabs{display:flex;gap:14px;border-bottom:1px solid #e4dace;margin:30px 0;scroll-margin-top:20px}.learn-tabs button{background:none;color:inherit;border:0;padding:14px 0;cursor:pointer;font:inherit;min-height:48px}.learn-tabs button[aria-selected=true]{color:#b6533c;border-bottom:2px solid #b6533c}.learning-ui [hidden]{display:none!important}.learn-theory{background:#f0eadc;border-radius:22px;padding:28px}.learn-you,.learn-client{padding:16px 22px;border-radius:18px;margin:16px 0;border:1px solid #e4dace}.learn-you{background:#f4e8df;margin-left:25px}.learn-client{background:#fffdfa;margin-right:25px}.learn-explanation{border-left:3px solid #708464;padding-left:20px;margin:24px 0}.learning-ui details{padding:18px;border:1px solid #e4dace;border-radius:14px;margin:22px 0}.learning-ui summary{cursor:pointer;color:#a7513a}.learning-ui li{margin-bottom:12px;line-height:1.6}.learn-exercise{background:#fffdf9;border:1px solid #e4dace;border-radius:22px;padding:25px;margin:20px 0}.learn-option{display:flex;align-items:flex-start;gap:12px;background:#f6f2ec;padding:16px;border-radius:12px;margin:10px 0;cursor:pointer;line-height:1.6}.learn-option input{flex:none;width:20px;height:20px;margin-top:4px}.learn-exercise textarea{box-sizing:border-box;width:100%;font:inherit;padding:14px;border:1px solid #bdb5a8;border-radius:12px;margin-bottom:15px}.learn-answer{margin-top:20px;line-height:1.7}.learn-practice-link{display:block;border:1px solid #e4dace;border-radius:14px;padding:18px;margin:12px 0;text-decoration:none;color:#a7513a}.learn-node.current{animation:learn-arrive .7s ease-out}@keyframes learn-arrive{from{opacity:.35}to{opacity:1}}@media(prefers-reduced-motion:reduce){.learn-node.current{animation:none}}@media(max-width:1000px){.learn-tracks{grid-template-columns:repeat(2,1fr)}.learn-layout{grid-template-columns:minmax(0,1fr)}.learn-track{order:2}}@media(max-width:700px){.learn-hero{grid-template-columns:1fr;padding:22px 16px;gap:10px}.learn-stages{grid-template-columns:1fr;gap:18px}.learn-tracks{grid-template-columns:1fr}.learn-node .learn-map-label{font-size:16px}.learn-map .learn-meta{font-size:11px}.learn-theory,.learn-exercise{padding:20px}.learn-tabs{gap:16px}.learn-tabs button{font-size:14px}.learn-you{margin-left:10px}.learn-client{margin-right:10px}}

.learn-route-progress{margin-top:26px;display:grid;gap:9px;font-size:14px;color:#575e4f}.learn-route-progress label{font-weight:650}.learn-route-progress progress{display:block;width:100%;height:8px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#dddccd;accent-color:#52785d}.learn-route-progress progress::-webkit-progress-bar{background:#dddccd;border-radius:10px}.learn-route-progress progress::-webkit-progress-value{background:#52785d;border-radius:10px}.learn-route-progress progress::-moz-progress-bar{background:#52785d;border-radius:10px}.learn-route-progress span{font-size:12px}
.learn-node circle.learn-node-progress,.learn-node:hover circle.learn-node-progress,.learn-node:focus circle.learn-node-progress{fill:none;stroke:#52785d;stroke-width:3;pointer-events:none}
.learn-milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0 36px}.learn-milestone{display:flex;align-items:flex-start;gap:12px;padding:20px 16px;border:1px solid #e4dace;border-radius:18px;background:#faf8f3;color:#746f63}.learn-milestone>span{font-size:23px;line-height:1.2}.learn-milestone b{font-size:16px}.learn-milestone p{font-size:13px;line-height:1.5;margin:8px 0}.learn-milestone small{font-size:11px}.learn-milestone.earned{background:#edf0e2;border-color:#c5d1bb;color:#3f6349}.learn-next-actions{display:flex;flex-wrap:wrap;gap:10px}.learn-celebrate{animation:learn-step-in .5s ease-out}@keyframes learn-step-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:900px){.learn-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.learn-milestone{padding:14px 10px;gap:7px}.learn-milestone b{font-size:14px}}@media(prefers-reduced-motion:reduce){.learn-celebrate{animation:none}}