/* Learning routes and browser-local self-reported progress. */
.learning-page{padding-bottom:25px}.learning-hero{display:grid;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:32px;padding:22px 0 38px}.learning-hero h1{max-width:760px}.learning-hero p:not(.eyebrow){max-width:720px;color:var(--muted);margin-top:18px}.learning-hero-art{position:relative;display:grid;place-items:center;width:190px;height:190px;border-radius:43% 57% 52% 48%;background:#232039;border:2px solid #766d94;transform:rotate(6deg)}.learning-hero-art img{height:160px;transform:rotate(-6deg);filter:drop-shadow(0 9px 18px #02040e77)}.learning-hero-art span{position:absolute;right:-6px;bottom:9px;padding:3px 11px;border:1px solid #486d68;background:#1b302c;color:#abe0c6;font-size:12px;border-radius:20px;transform:rotate(-6deg);font-weight:650}.learning-dashboard{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px 40px;padding:30px;border:1px solid var(--crystal-border);border-radius:22px;background:linear-gradient(125deg,#171c29e8,#1c1825db);box-shadow:inset 0 1px 0 #ffffff08,0 22px 55px #00000021}.learning-dashboard .eyebrow{margin-bottom:7px}.learning-dashboard h2{font-size:25px}.learning-total{margin-top:13px;line-height:1.5}.learning-total strong{font-size:44px;color:#a3d7e8;letter-spacing:-.04em}.learning-total span,.learning-split{font-size:13px;color:var(--muted)}.learning-split{margin:1px 0 14px}.learning-record-note{align-self:center;padding:23px;border:1px solid var(--crystal-border);border-radius:16px;background:#141521b8;font-size:13px;color:var(--muted)}.learning-record-note strong{font-size:15px;color:var(--text)}.learning-record-note p{margin-top:9px}.learning-record-note [data-progress-storage]{font-size:12px}.learning-clear{min-height:44px;cursor:pointer;margin-top:14px;border:1px solid #4c4150;background:#1c1d2e;color:#f1d6a4;border-radius:7px;padding:6px 10px;font-size:12px}.learning-clear:hover{border-color:#967b63;background:#302631}.learning-clear:focus-visible,.learning-family-jumps a:focus-visible,.learning-lab-link:focus-visible{outline:2px solid #a3d7e8;outline-offset:3px}.learning-notice{font-size:12px;line-height:1.6;color:#abe0c6;min-height:0}.learning-notice:empty{display:none}.learning-dashboard>.learning-notice{grid-column:1/-1}.learning-progress-meter>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:5px}.learning-progress-meter progress{display:block;width:100%;height:9px;overflow:hidden;border:0;border-radius:10px;background:#303141;accent-color:#a3d7e8}.learning-progress-meter progress::-webkit-progress-bar{background:#303141;border-radius:10px}.learning-progress-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#80c4d9,#b5a4d9);border-radius:10px}.learning-progress-meter progress::-moz-progress-bar{background:linear-gradient(90deg,#80c4d9,#b5a4d9);border-radius:10px}.learning-resume{margin-top:16px;font-size:13px;display:flex;flex-wrap:wrap;column-gap:10px;line-height:1.8}.learning-resume>span{color:var(--muted)}.learning-resume>a{color:#a3d7e8;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.learning-resume>small{width:100%;font-size:11px;color:var(--muted)}.learning-section{margin-top:48px}.learning-section-heading{display:flex;align-items:end;gap:35px;justify-content:space-between;margin-bottom:23px}.learning-section-heading .eyebrow{margin-bottom:7px}.learning-section-heading>p{max-width:490px;font-size:13px;color:var(--muted)}.learning-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.learning-route-card{border:1px solid var(--crystal-border);border-radius:18px;padding:25px;background:linear-gradient(140deg,#171a27e6,#191823e6);min-width:0;scroll-margin-top:110px}.learning-route-tone-1{background:linear-gradient(140deg,#17262de6,#171923e6);border-color:#304c56}.learning-route-tone-2{background:linear-gradient(140deg,#262039e6,#191923e6);border-color:#484057}.learning-route-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:13px}.learning-route-label>span{display:grid;place-items:center;border:1px solid #5b5475;background:#302b45;color:#d3c9ef;width:32px;height:32px;border-radius:11px;font-weight:700}.learning-route-tone-1 .learning-route-label>span{background:#253f46;border-color:#49727c;color:#bde5eb}.learning-route-tone-2 .learning-route-label>span{background:#342b48;border-color:#635277;color:#d7c3ef}.learning-route-card h3{font-size:22px}.learning-route-description{color:var(--muted);font-size:13px;margin:9px 0 18px;min-height:48px}.learning-route-card .learning-next{margin-top:18px;font-size:13px;white-space:normal}.learning-route-card>details{border-top:1px solid var(--crystal-border);margin-top:21px;padding-top:13px;font-size:13px}.learning-route-card>details>summary{color:#c5c3d3;font-weight:600}.learning-route-steps{padding-left:22px;margin:20px 0 0}.learning-route-steps>li{padding:0 0 18px 5px}.learning-route-steps>li::marker{color:#a3d7e8;font-weight:700}.learning-route-steps h4{font-size:14px}.learning-route-steps>li>p{font-size:12px;color:var(--muted);margin:5px 0 10px}.learning-lesson-list{list-style:none;margin:12px 0 0;padding:0}.learning-lesson-list>li{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12px;line-height:1.75;padding:7px 0;border-bottom:1px dashed var(--crystal-border);margin:0}.learning-lesson-list a{overflow-wrap:anywhere;color:#a3d7e8}.learning-lesson-list a:hover{text-decoration:underline;text-underline-offset:3px}.learning-lesson-status{font-size:10px;color:var(--muted);flex-shrink:0}.learning-lesson-status.is-complete{color:#abe0c6;font-weight:600}.learning-lab-link{display:block;font-size:13px;color:#a3d7e8;background:#1c1d2e;border:1px dashed #526b79;border-radius:9px;padding:12px;margin-bottom:18px}.learning-lab-link small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.learning-family-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.learning-family-jumps a{font-size:12px;padding:5px 12px;border:1px solid var(--crystal-border);border-radius:20px;background:#161923;color:#c9d4e5}.learning-family-jumps a:hover{background:#273142}.learning-family{margin-top:32px;scroll-margin-top:108px}.learning-family>h3{font-size:21px}.learning-family>p{font-size:13px;color:var(--muted);margin:4px 0 16px}.learning-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.learning-series{border:1px solid var(--crystal-border);border-radius:12px;background:#1c1d2e;overflow:hidden;min-width:0;scroll-margin-top:108px}.learning-series>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;list-style:none}.learning-series>summary::-webkit-details-marker{display:none}.learning-series>summary:after{content:'+';color:#a3d7e8;font-size:20px;flex-shrink:0}.learning-series[open]>summary:after{content:'−'}.learning-series>summary>span:first-child{flex:1;min-width:0}.learning-series>summary small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.learning-series>summary strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.learning-series [data-series-progress]{font-size:11px;color:var(--muted);white-space:nowrap}.learning-series [data-series-progress].is-complete{color:#abe0c6;font-weight:650}.learning-series[open]>summary{background:#202333;border-bottom:1px solid var(--crystal-border)}.learning-series-body{padding:18px 20px 22px;font-size:13px;color:#c5c3d3}.learning-prerequisites{background:#121723;border:1px dashed #414352;padding:12px 14px;border-radius:9px;margin:14px 0 20px}.learning-prerequisites h4{font-size:12px;color:#c8d6e8}.learning-prerequisites>p{font-size:12px;margin-top:4px}.learning-prerequisite-count{color:var(--muted)}.learning-prerequisites>details>summary{font-size:11px;color:#a3d7e8;margin-top:9px}.learning-directory-link{display:inline-block;font-size:12px;margin-top:17px;color:#a3d7e8}.learning-foundation{background:#171924}.learning-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--crystal-border);border-radius:13px;padding:17px 21px;background:linear-gradient(125deg,#18222de6,#211c2de6);margin:0 0 26px}.learning-summary strong{font-size:15px}.learning-summary p{font-size:12px;color:var(--muted);margin-top:3px}.learning-summary .button{font-size:12px;background:linear-gradient(108deg,#205364,#344364);color:#f3f1fa;border-color:#647589;box-shadow:inset 0 1px 0 #ffffff12}.learning-lesson-panel{border:1px solid var(--crystal-border);border-radius:13px;background:linear-gradient(125deg,#18222de6,#211c2de6);padding:18px 20px;margin:-8px 0 27px}.learning-lesson-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.learning-lesson-panel-top strong{font-size:14px;color:var(--text)}.learning-lesson-panel-top p{font-size:11px;color:var(--muted);margin-top:4px}.learning-lesson-panel-top .button{font-size:12px;white-space:normal;flex-shrink:0}.learning-lesson-panel-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;font-size:11px}.learning-lesson-panel-bottom a{color:#a3d7e8}.learning-lesson-panel-bottom span{color:var(--muted)}.learning-lesson-panel.is-complete{background:#172a28;border-color:#43685b}.learning-lesson-panel .learning-storage-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px}.learning-lesson-panel .learning-notice{margin-top:7px}.learning-card-status{display:inline-block;color:var(--muted);font-size:10px;margin-top:12px;border:1px solid var(--crystal-border);border-radius:20px;padding:1px 8px;background:#1b1d29}.learning-card-status.is-complete{background:#1a3029;border-color:#486c5b;color:#abe0c6}.course-card.learning-is-complete{border-color:#496b61}
@media(max-width:900px){.learning-hero{grid-template-columns:minmax(0,1fr) 145px;gap:22px}.learning-hero-art{width:140px;height:145px}.learning-hero-art img{height:130px}.learning-dashboard{gap:20px;padding:24px}.learning-section-heading{align-items:start;flex-direction:column;gap:12px}.learning-route-card{padding:21px}.learning-series>summary{padding:15px}.learning-series>summary strong{font-size:14px}.learning-series-body{padding:16px}}
@media(max-width:640px){.learning-hero{grid-template-columns:minmax(0,1fr) 84px;gap:13px;padding:12px 0 28px}.learning-hero h1{font-size:31px}.learning-hero .eyebrow{font-size:10px;margin-bottom:10px}.learning-hero p:not(.eyebrow){font-size:13px;margin-top:12px}.learning-hero-art{width:81px;height:106px;border-radius:45%;align-self:start;margin-top:17px}.learning-hero-art img{height:96px;max-width:88px}.learning-hero-art span{font-size:8px;bottom:-6px;right:-3px;padding:2px 5px}.learning-dashboard{grid-template-columns:1fr;padding:20px;border-radius:16px}.learning-dashboard h2{font-size:22px}.learning-record-note{padding:17px}.learning-section{margin-top:36px}.learning-section-heading h2{font-size:22px}.learning-route-grid,.learning-series-grid{grid-template-columns:1fr}.learning-route-card{padding:21px}.learning-route-description{min-height:0}.learning-hero+.learning-dashboard{margin-top:0}.learning-summary{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.learning-summary .button{width:100%}.learning-lesson-panel{padding:15px}.learning-lesson-panel-top{align-items:flex-start;flex-direction:column;gap:12px}.learning-lesson-panel-top .button{width:100%}.learning-series>summary{gap:9px}.learning-series [data-series-progress]{font-size:10px}.learning-lesson-list>li{gap:8px}.learning-route-steps{padding-left:18px}.learning-route-steps>li{padding-left:1px}.learning-family-jumps{gap:7px}.learning-family-jumps a{font-size:11px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){.learning-page{scroll-behavior:auto}}