/* Compact editorial lesson map. No changes to the approved Hero or its pin. */
.section-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-bottom:15px;min-width:0}
.section-kicker>.eyebrow{margin:0!important;min-width:0}
.editorial-flourish{display:block;flex:0 0 74px;width:74px;height:27px;fill:none;stroke:#53674e;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;overflow:visible}
.flourish-dot{fill:#73845e;stroke:none;transform-box:fill-box;transform-origin:center}
.footer-signature{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex:0 0 auto}
.footer-signature .editorial-flourish{width:60px;flex-basis:60px;height:25px}
.lessons-compact{padding-block:clamp(34px,4.4vw,56px)}
.lessons-compact>.wrap{display:grid;gap:22px}
.lessons-compact .section-heading{margin:0;gap:18px 30px}
.lessons-compact .section-heading h2{font-size:clamp(29px,3vw,39px);max-width:630px;line-height:1.13}
.lessons-compact .section-note{max-width:290px;font-size:13px;line-height:1.65}
.lessons-compact .focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lessons-compact .focus-card{display:grid;grid-template-columns:minmax(0,1fr) 32px;align-content:start;align-items:start;gap:10px 12px;padding:20px;border-radius:15px;min-width:0;background:#edf0e5}
.lessons-compact .focus-icon{grid-column:2;grid-row:1;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:0;margin:0;color:#4a6044}
.lessons-compact .focus-card h3{grid-column:1;grid-row:1;min-height:0;margin:0;align-self:center;font:400 23px/1.17 Georgia,serif;letter-spacing:-.35px;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.lessons-compact .focus-card>p{grid-column:1/-1;min-height:0;margin:0;font-size:13px;line-height:1.6}
.lessons-compact .focus-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 6px;margin:2px 0 0;padding:0;list-style:none}
.lessons-compact .focus-tags li{padding:4px 8px;border:1px solid #c1cdb7;border-radius:6px;font-size:12px;line-height:1.5;color:#354a35;min-width:0;max-width:100%;background:#e4eadb}
.lessons-compact .focus-tags li:before{content:none}
.lesson-map{min-width:0;padding:20px 22px 22px;background:#e3e8d9;border:1px solid #b3c1a6;border-radius:15px}
.lesson-map-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 24px;margin-bottom:17px}
.lesson-map-heading h3{font:400 24px/1.2 Georgia,serif;letter-spacing:-.35px;min-width:0;text-wrap:balance}
.lesson-duration{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.6;color:#40543a;min-width:0}
.lesson-duration>.ui-icon{width:16px;height:16px}
.lessons-compact .lesson-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.lessons-compact .lesson-process li{position:relative;display:grid;gap:10px;min-width:0;align-content:start}
.lessons-compact .lesson-process li:after{display:block;top:21px;left:53px;right:-5px;background:#acbb9f;transform-origin:left}
.lessons-compact .lesson-process li:last-child:after{display:none}
.process-node{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #a3b393;border-radius:50%;background:#edf0e5;color:#4a6044;isolation:isolate}
.process-node>span{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:17px;height:17px;border:1px solid #bdcbb1;border-radius:50%;background:#e3e8d9;font-size:9px;line-height:1;font-variant-numeric:tabular-nums}
.lessons-compact .lesson-process h4{font-size:13px;line-height:1.5;margin:0 0 4px;font-weight:600}
.lessons-compact .lesson-process p{font-size:12px;line-height:1.6;margin:0}
.lessons-compact .formats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;border:0}
.lessons-compact .format-card{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;padding:0;min-width:0;border:0}
.lessons-compact .format-card+article{border:0;border-left:1px solid #acbb9f;padding:0 0 0 24px}
.lessons-compact .format-card>.ui-icon{margin-top:1px;width:21px;height:21px}
.lessons-compact .format-card h4{font-size:14px;line-height:1.5;margin:0 0 5px}
.lessons-compact .format-card p{font-size:13px;line-height:1.6;margin:0}
.lessons-compact .format-card small{display:block;font-size:11px;line-height:1.65;margin-top:6px;color:#485c40}
.lesson-invitation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 22px;padding-top:13px;border-top:1px solid #afbea2}
.lesson-invitation p{font-size:12px;line-height:1.6;max-width:440px;min-width:0}
.lesson-invitation .text-link{font-size:12px;line-height:1.5;min-height:44px;gap:10px;max-width:100%;text-align:left}
/* Finite entrance accents: visible without JS, no infinite animation or scroll loop. */
.decor-ready [data-decor].is-decor-visible .flourish-line{animation:editorial-ink 1.8s cubic-bezier(.22,1,.36,1) both}
.decor-ready [data-decor].is-decor-visible .flourish-dot{animation:editorial-dot 2.8s cubic-bezier(.22,1,.36,1) both}
.decor-ready .lesson-map.is-decor-visible .process-node{animation:lesson-node .8s cubic-bezier(.22,1,.36,1) both}
.decor-ready .lesson-map.is-decor-visible li:nth-child(2) .process-node{animation-delay:.18s}
.decor-ready .lesson-map.is-decor-visible li:nth-child(3) .process-node{animation-delay:.36s}
.decor-ready .lesson-map.is-decor-visible li:nth-child(4) .process-node{animation-delay:.54s}
.decor-ready .lesson-map.is-decor-visible .lesson-process li:after{animation:lesson-link 1.5s cubic-bezier(.22,1,.36,1) both}
.decor-suspended [data-decor],.decor-suspended [data-decor] *,.decor-suspended [data-decor] *:after{animation-play-state:paused!important}
@keyframes editorial-ink{from{stroke-dasharray:1;stroke-dashoffset:1;opacity:.25}to{stroke-dasharray:1;stroke-dashoffset:0;opacity:1}}
@keyframes editorial-dot{0%{transform:scale(.55);opacity:.3}45%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes lesson-node{from{transform:translateY(5px) scale(.93)}to{transform:translateY(0) scale(1)}}
@keyframes lesson-link{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:hover) and (pointer:fine){.lessons-compact .focus-icon .ui-icon{transition:transform .35s cubic-bezier(.22,1,.36,1)}.lessons-compact .focus-card:hover .focus-icon .ui-icon{transform:rotate(-7deg) translateY(-2px)}}
@media(max-width:1000px){.lessons-compact .focus-card{padding:17px;gap:9px}.lessons-compact .focus-card h3{font-size:21px}.lessons-compact .focus-tags{gap:5px}.lessons-compact .focus-tags li{padding:3px 6px}}
@media(max-width:760px){.lessons-compact .section-heading{gap:10px}.lessons-compact .section-heading .section-note{max-width:480px}.lessons-compact .focus-grid{grid-template-columns:minmax(0,1fr);gap:10px}.lessons-compact .focus-card{padding:16px 18px;gap:6px 12px}.lessons-compact .focus-card h3{font-size:24px}.lessons-compact .focus-card>p{margin:0}.lessons-compact .focus-tags{margin-top:4px}.lessons-compact .focus-tags li{padding:3px 8px}.lessons-compact .lesson-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 24px}.lessons-compact .lesson-process li:nth-child(2):after{display:none}.lessons-compact>.wrap{gap:19px}.lesson-map{padding:19px}.lesson-map-heading{gap:9px 20px}.lesson-map-heading h3{font-size:23px}.section-kicker{gap:6px 13px}.editorial-flourish{width:66px;flex-basis:66px;height:24px}}
@media(max-width:540px){.lessons-compact .formats-grid{grid-template-columns:minmax(0,1fr);gap:15px}.lessons-compact .format-card+article{border-left:0;border-top:1px solid #b3c1a6;padding:15px 0 0}.lessons-compact .section-heading h2{font-size:31px}.lesson-invitation{gap:3px;padding-top:14px}.lesson-invitation .text-link{justify-content:space-between;width:100%}.footer-signature{flex-direction:column;gap:4px;align-items:flex-start}.footer-signature .editorial-flourish{flex-basis:auto}}
@media(max-width:360px){.lessons-compact .focus-card{padding:15px}.lessons-compact .focus-card h3{font-size:23px}.lesson-map{padding:16px}.lessons-compact .lesson-process{gap:18px 17px}.lessons-compact .lesson-process h4{font-size:13px}.lessons-compact .lesson-process p{font-size:12px}.lessons-compact .section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){[data-decor],[data-decor] *,[data-decor] *:after{animation:none!important;transition:none!important}.lessons-compact .focus-card:hover .focus-icon .ui-icon{transform:none}}
