.learn-page #learning-choices,.learn-page #my-learning{scroll-margin-top:100px}
.learn-page .hero{padding-bottom:42px}
.learn-path-section{padding:0 0 56px}
.learn-path-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px}
.learn-path-heading h2{font-size:1.85rem;margin:0}
.learn-path-heading>a{font-weight:700;text-underline-offset:4px;white-space:nowrap}
.learn-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.learn-path{display:flex;flex-direction:column;padding:29px 26px;border:1px solid #cbd8cb;border-radius:14px;background:#fffdf9;color:#1e493d;text-decoration:none;min-width:0;transition:border-color .15s,background .15s}
.learn-path:hover,.learn-path[aria-current="true"]{border-color:#426d54;background:#edf3e9}
.learn-path .path-number{font-size:.74rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#617c67}
.learn-path h3{font-size:1.8rem;line-height:1.15;margin:18px 0 12px}
.learn-path p{font-size:.96rem;line-height:1.6;color:#566c60;margin:0 0 22px;flex:1}
.learn-path strong{font-size:.88rem}
.learn-path small{display:block;font-size:.76rem;margin:15px 0 0;color:#66776b}
.learning-summary-section{background:#eaf0e7;border-block:1px solid #d3dfcf;padding:38px 0}
.learning-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.learning-summary-head h2{font-size:2.15rem;margin:5px 0 10px}
.learning-summary-head p{max-width:700px;margin:0;color:#536b5c}
.learning-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.learning-metric{border-left:2px solid #9eb69b;padding:4px 18px;min-width:0}
.learning-metric strong{display:block;font:2.05rem Georgia,serif;color:#224c3d}
.learning-metric span{display:block;color:#4c6756;font-size:.9rem;margin-top:6px}
.learning-earned{padding:15px 19px;border:1px solid #b0c6a7;border-radius:10px;background:#f6f9f1;color:#244f36;font-weight:650;margin:18px 0}
.learning-overview{border-top:1px solid #cbd8c5;padding-top:19px}
.learning-overview>summary{cursor:pointer;font-size:1rem;font-weight:700;color:#234b3d;padding:4px 0 12px}
.learning-overview .learning-caption{font-size:.83rem;color:#5d7162;line-height:1.6}
.learning-block-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:23px}
.learning-block{min-width:0;border:1px solid #b9cbb2;border-radius:16px;background:#fffdf9;overflow-wrap:break-word}
.learning-block-header{padding:24px 28px;background:#dfe9da;border-bottom:1px solid #bdcfb6;border-radius:15px 15px 0 0}
.learning-block-header h3{font-size:1.75rem;color:#234b3d;margin:0}
.learning-overview .learning-block-header .learning-caption{max-width:88ch;margin:10px 0 0;font-size:.88rem;color:#4f6553}
.learning-block-body{padding:28px}
.learning-block .learning-set-grid,.learning-block .learning-lesson-grid{margin:0}
.learning-block .learning-item{background:#f6f8f1}
.learning-block .btn{max-width:100%}
.learning-block-actions{border-top:1px solid #d8e2d1;padding-top:20px;margin-top:24px}
.learning-block-actions .learning-caption:not(:empty){margin:12px 0 0}
.learning-set-grid,.learning-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 25px}
.learning-item{background:#fffdf9;border:1px solid #d3ddce;border-radius:10px;padding:19px;min-width:0}
.learning-item h4{font:1.24rem/1.25 Georgia,serif;margin:0 0 10px;color:#234b3d}
.learning-item p{font-size:.84rem;color:#5b7060;margin:8px 0;line-height:1.5}
.learning-item a{display:inline-block;font-weight:700;font-size:.88rem;margin-top:6px;text-underline-offset:4px}
.learning-item progress{width:100%;height:7px;accent-color:#47774f;display:block;margin:13px 0}
.learning-status{display:inline-block;font-size:.69rem;font-weight:750;letter-spacing:.035em;border-radius:20px;padding:5px 9px;background:#edf0e8;color:#536b56}
.learning-status.is-complete{background:#deead5;color:#2f6138}
.learning-status.is-in-progress{background:#f1e9d5;color:#74572d}
.learning-share label{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;margin:16px 0}
.learning-share .learning-block-body>label:first-child{margin-top:0}
.learning-share input{accent-color:#315e45;width:18px;height:18px;flex:none}
.learning-share-actions{display:flex;flex-wrap:wrap;gap:10px}
.learning-share textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:170px;background:#fffdf9;border:1px solid #bdccb8;border-radius:7px;padding:13px;font:inherit;font-size:.86rem;line-height:1.6;margin:0 0 16px;color:#274e3d;resize:vertical}
.learning-share-status{font-size:.85rem;color:#3c6047;min-height:1.3em;margin:12px 0 0}
.learning-choose-again{display:inline-block;margin-bottom:20px;font-size:.86rem;font-weight:700;text-underline-offset:4px}
.learn-page [hidden]{display:none!important}
.learn-page .education-note{background:#fffdf9;border-top:1px solid #dce4d9;padding:34px 0}
.education-note .wrap{max-width:1000px}
.education-note h2{font-size:1.6rem;margin:8px 0 14px}
.education-note p{font-size:.9rem;color:#5d7064;line-height:1.7}
.education-note .stack{margin-top:18px;align-items:center}
.guide-progress{padding:25px;border:1px solid #bdcfb6;border-radius:12px;background:#f0f5eb;margin:28px 0 48px}
.guide-progress h3{font-size:1.6rem;margin:0 0 10px}
.guide-progress p{font-size:.91rem;color:#526a58}
.guide-progress .btn{margin-right:14px}
.guide-progress a{display:inline-block;margin-top:12px;text-underline-offset:4px}
.guide-progress button:focus-visible,.guide-progress a:focus-visible{outline:3px solid #b78e4b;outline-offset:4px}
@media(max-width:900px){.learn-paths{gap:12px}.learn-path{padding:24px 20px}.learn-path h3{font-size:1.55rem}}
@media(max-width:680px){.learn-paths,.learning-set-grid,.learning-lesson-grid{grid-template-columns:1fr}.learn-path{padding:24px;min-height:auto}.learn-path h3{margin-top:12px}.learn-path p{margin-bottom:15px}.learn-path-heading,.learning-summary-head{display:block}.learn-path-heading>a{display:inline-block;margin-top:14px}.learning-metrics{gap:7px}.learning-metric{padding-left:11px}.learning-metric strong{font-size:1.7rem}.learning-metric span{font-size:.77rem}.learning-block-stack{gap:22px}.learning-block-header,.learning-block-body{padding:20px 18px}.learning-block-header h3{font-size:1.55rem}.learning-block .learning-item{padding:17px}.learning-summary-section{padding:30px 0}}
@media(prefers-reduced-motion:reduce){.learn-path{transition:none}}
