/* A quiet reading layout for the ordered resource guide. */
.learning{max-width:1424px;width:calc(100% - 112px);margin:0 auto;padding:24px 0 64px;--learning-rail:310px;--learning-gap:40px}
.learning-intro{margin-left:calc(var(--learning-rail) + var(--learning-gap));margin-bottom:36px}
.learning-intro h1{font-size:clamp(44px,4.7vw,72px);line-height:1;letter-spacing:-.04em;margin:0 0 14px}
.learning-intro>p{font-size:21px;margin:0}.learning-intro .guide-byline{font-size:15px;line-height:1.5;margin-top:15px;color:#526958}
.learning-layout{display:grid;grid-template-columns:var(--learning-rail) minmax(0,1fr);gap:var(--learning-gap);align-items:start}
.learning-rail{border-right:1px solid #16301c25;padding-right:32px;align-self:stretch}
.learning-path>summary{font-family:var(--ff-font-sign);font-size:25px;font-weight:700;line-height:1.2;list-style:none;pointer-events:none;margin-bottom:12px}
.learning-path>summary::-webkit-details-marker{display:none}.path-toggle{display:none}
.guide-intro{font-size:17px;line-height:1.4;margin:0 0 18px;color:#526958}
.learning-stops{list-style:none;padding:0;margin:0}.learning-stops li{position:relative}
.learning-stops li:not(:last-child):before{content:'';position:absolute;width:1px;background:#16301c25;left:24px;top:35px;bottom:-15px}
.learning-stops a{position:relative;display:flex;align-items:center;gap:14px;padding:10px 8px;min-height:57px;font-size:18px;line-height:1.25;text-decoration:none;border-radius:4px}
.learning-stops a[aria-current=page]{background:#f0f5ed;font-weight:650}.learning-stops a:hover{background:#f5f7f2}
.stop-number{display:inline-flex;justify-content:center;align-items:center;flex:0 0 32px;height:32px;border:1px solid #2f6b4560;border-radius:50%;background:#fff;font-size:17px;font-weight:600;z-index:1}
[aria-current=page]>.stop-number{color:#fff;background:var(--ff-forest);border-color:var(--ff-forest)}
.guide-overview-link{display:inline-flex;align-items:center;gap:10px;font-size:16px;margin-top:24px}.guide-overview-link svg{width:20px;height:20px;flex-shrink:0}
.lesson-reader{min-width:0}.lesson-position{font-size:14px;font-weight:650;letter-spacing:.11em;margin:0 0 7px}.lesson-reader h2{font-size:46px;line-height:1.05;margin:0 0 12px}.lesson-reader h3{font-size:27px;line-height:1.2;margin:0 0 10px}.lesson-reader p{line-height:1.5;margin-bottom:16px}
.lesson-explanation{margin-bottom:26px}.lesson-example{margin-bottom:28px}.example-band{background:#f0f5ed;display:flex;align-items:center;gap:20px;min-height:82px;padding:16px 22px;border-radius:3px}.example-band p{margin:0;flex:1}.example-band img{width:90px;height:auto;flex-shrink:0}
.resource-links ul{list-style:none;margin:0;padding:0}.resource-links li{border-bottom:1px solid #16301c25;padding:14px 0}.resource-links li:first-child{border-top:1px solid #16301c25}.resource-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:20px;line-height:1.3;font-weight:600;text-decoration-thickness:1px;text-underline-offset:4px}.resource-links a svg{width:22px;height:22px;flex:0 0 22px}.resource-links li p{font-size:18px;margin:6px 32px 0 0;color:#526958}
.guide-connection{margin-top:28px}.guide-connection p{font-size:19px}
.lesson-actions{border-top:1px solid #16301c25;padding-top:20px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lesson-actions>a:not(.button){font-size:18px}.lesson-actions .button{min-height:50px;padding:12px 22px;font-size:18px}
.lesson-scope{font-size:14px;margin:26px 0 10px!important;color:#526958}.resource-channel{font-size:16px;color:#526958}
.learning-recap{padding-left:25px;margin:28px 0}.learning-recap li{padding-left:7px;margin-bottom:17px}.learning-recap a{font-weight:650}.learning-recap p{font-size:18px;margin:3px 0 0}
.path-toggle svg{width:20px;height:20px}.lesson-back{display:inline-flex;align-items:center;gap:8px}.lesson-back svg{width:20px;height:20px;transform:rotate(180deg)}
@media(max-width:1200px){.learning{width:calc(100% - 64px);--learning-rail:270px;--learning-gap:30px}.learning-rail{padding-right:20px}.learning-stops a{font-size:17px;gap:10px}.learning-intro h1{font-size:52px}}
@media(max-width:900px){.learning{width:calc(100% - 40px);padding-top:32px}.learning-intro{margin-left:0;margin-bottom:26px}.learning-intro h1{font-size:clamp(36px,6.8vw,52px)}.learning-intro>p{font-size:19px}.learning-layout{display:block}.learning-rail{border-right:0;padding:0;margin-bottom:30px}.learning-path{border-block:1px solid #16301c30}.learning-path>summary{pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:space-between;margin:0;padding:17px 3px;font-size:23px;min-height:62px}.path-toggle{display:inline;font-family:var(--ff-font-body);font-size:25px}.learning-path[open] .path-toggle{transform:rotate(180deg)}.path-content{padding:0 3px 20px}.learning-stops a{font-size:18px;min-height:55px}.lesson-reader h2{font-size:35px}.lesson-reader h3{font-size:26px}.example-band{padding:18px;gap:12px}.example-band img{width:80px}.lesson-actions{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:480px){.learning{padding-top:30px}.learning-title-break{display:none}.learning-intro h1{font-size:38px;line-height:1.08}.learning-intro>p{line-height:1.4}.learning-intro .guide-byline{font-size:14px;max-width:300px}.lesson-reader{font-size:19px}.lesson-reader h2{font-size:34px}.example-band{position:relative;padding-bottom:68px}.example-band img{position:absolute;right:18px;bottom:8px;width:82px}.lesson-actions .button{width:100%;order:2;font-size:17px}.lesson-actions{gap:17px}.resource-links a{font-size:19px}.resource-links li p{font-size:17px}.lesson-scope{font-size:13px}}
@media print{.site-header,.site-footer,.learning-rail,.lesson-actions{display:none}.learning{width:100%;padding:0}.learning-intro{margin-left:0}.learning-layout{display:block}}