/* Six original, screen-at-a-time lessons. Bold newspaper / field guide design. */
.path-hero{background:#f0cb73;border-bottom:3px solid #28372f;padding:67px 0 78px;overflow:hidden}
.path-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.path-hero .hero-breadcrumb{color:#5f583e}
.path-hero .eyebrow{color:#293b31}
.path-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.75rem,5.5vw,5.8rem);letter-spacing:-.065em;line-height:1.04;margin:18px 0}
.path-hero h1 em{color:#aa3e2a;font-weight:400}
.path-hero p{font-size:1.12rem;color:#3c4036;max-width:590px}
.path-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.path-hero-tags span{font-size:.79rem;font-weight:750;border:1.5px solid #2d3c30;padding:6px 11px;background:#f8ebd3}
.path-hero-art{min-height:340px;position:relative;background:#fcecd2;border:3px solid #25372c;box-shadow:12px 12px 0 #c45e41;transform:rotate(2deg)}
.path-art-star{font-size:110px;position:absolute;right:25px;top:-25px;transform:rotate(-12deg);color:#d76443}
.path-art-chip{position:absolute;left:28px;top:52px;font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.08;max-width:260px}
.path-art-chip strong{color:#b0442d}
.path-art-tile{position:absolute;left:30px;bottom:28px;font-size:2rem;font-family:Georgia,serif;background:#e3aa58;padding:8px 16px;border:2px solid #28372f;transform:rotate(-5deg)}
.path-art-tile span{display:block;font:700 .73rem ui-sans-serif,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.path-art-tile.second{left:136px;bottom:49px;transform:rotate(4deg);background:#e7937c}
.path-art-tile.third{left:252px;bottom:24px;transform:rotate(-2deg);background:#b4c69f}
.path-section{padding:74px 0 100px}
.path-section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.path-section-header h2{font-family:Georgia,serif;font-size:clamp(2.1rem,3.9vw,3.65rem);max-width:750px;margin:9px 0}
.path-section-header p{max-width:660px}
.path-total{background:#2c4235;color:#fff5df;padding:17px 27px;min-width:142px;transform:rotate(2deg);text-align:center}
.path-total strong{font:700 2rem Georgia,serif;display:block}
.path-total span{font-size:.74rem}
.path-lesson-list{border-top:2px solid #2d3f33}
.path-lesson{position:relative;display:grid;grid-template-columns:68px 60px 1fr 40px;gap:20px;align-items:center;padding:27px 18px;border-bottom:1.5px solid #aaab95;transition:background .16s}
.path-lesson:hover{background:#efe5cd;color:inherit}
.path-lesson-number{font:italic 2.25rem Georgia,serif;color:#bd5639}
.path-lesson-emoji{font-size:2.15rem}
.path-lesson-copy{display:flex;flex-direction:column;gap:5px}
.path-lesson-top{font-size:.66rem;font-weight:800;letter-spacing:.13em;color:#9d4b31}
.path-lesson-copy strong{font:700 clamp(1.33rem,2.2vw,1.9rem) Georgia,serif;color:#29372e}
.path-lesson-copy>span:last-child{font-size:.88rem;color:#586153}
.path-lesson-arrow{display:grid;place-items:center;width:36px;height:36px;border:1.5px solid #2b3d32;border-radius:50%}
.path-lesson-status{grid-column:3;grid-row:2;font-size:.76rem;color:#b04c31;font-weight:700}
.path-lesson.is-done{background:#e6e8d4}
.path-tip{display:flex;gap:18px;margin-top:45px;padding:25px;border-top:2px solid #2a3a2e;border-bottom:2px solid #2a3a2e}
.path-tip>span{font-size:2rem}
.path-tip p{margin:7px 0}
.path-section .notice{margin-top:24px}
.journey-page{background:#f5eddb;min-height:77vh;padding:35px 0 82px}
.journey-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.78rem;font-weight:800;margin-bottom:34px}
.journey-back{text-decoration:underline;text-underline-offset:4px}
.journey-count{letter-spacing:.15em;color:#a74c37}
.journey-layout{display:grid;grid-template-columns:minmax(235px,.68fr) minmax(0,1.32fr);gap:52px;align-items:start}
.journey-rail{position:sticky;top:117px;padding:19px 0}
.journey-rail-emoji{font-size:3.9rem;display:block;margin-bottom:26px}
.journey-rail h1{font-family:Georgia,serif;font-size:clamp(2.25rem,3.5vw,3.8rem);line-height:1.06;letter-spacing:-.058em;margin:16px 0 17px}
.journey-rail p{font-size:.99rem;max-width:285px}
.journey-facts{display:flex;flex-direction:column;gap:10px;font-size:.8rem;font-weight:700;color:#526052;border-top:1.5px solid #aeb1a0;border-bottom:1.5px solid #aeb1a0;padding:20px 0;margin:26px 0}
.journey-read-more{font-size:.83rem;text-decoration:underline;text-underline-offset:5px;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.journey-read-more svg{width:15px}
.journey-progress-head{display:flex;justify-content:space-between;gap:20px;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;font-weight:850;margin-bottom:10px}
.journey-progress{height:6px;background:#ddcbb1;overflow:hidden;margin-bottom:17px}
.journey-progress span{display:block;height:100%;background:#bd5437;transition:width .22s ease;width:0}
.journey-stage{background:#fff8e9;border:2px solid #263a2e;box-shadow:8px 8px 0 #e6bd7e;min-height:540px}
.story-screen,.story-finish{padding:38px clamp(23px,5vw,61px) 30px;animation:story-in .24s ease-out}
@keyframes story-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.story-topline{display:flex;align-items:center;justify-content:space-between;gap:14px}
.story-label,.story-issue{font-size:.67rem;letter-spacing:.16em;font-weight:900;color:#a84b30}
.story-issue{color:#73725f}
.story-screen h2,.story-finish h2{font:700 clamp(2.05rem,3.6vw,3.45rem)/1.06 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:24px 0 15px;color:#25382e}
.story-intro,.story-finish p{font-size:1rem;line-height:1.75;color:#48554a;max-width:600px}
.story-prompt{font-size:.75rem;letter-spacing:.045em;color:#9d4736;text-transform:uppercase;font-weight:850;margin:30px 0 13px}
.story-activity{margin-bottom:18px}
.story-choice-grid{display:grid;grid-template-columns:1fr;gap:9px}
.story-option{text-align:left;padding:13px 18px;display:grid;grid-template-columns:36px 1fr 22px;align-items:center;gap:9px;font-weight:770;color:#263c2e;background:#f7edda;border:1.5px solid #a9ab9a;border-radius:0;transition:background .13s,transform .13s}
.story-option:hover,.story-option.active{background:#f6cf83;border-color:#2e3b31;color:#25382e}
.story-option:focus-visible,.story-reveal-trigger:focus-visible,.story-continue:focus-visible{outline:3px solid #e36d4b;outline-offset:3px}
.story-option-emoji{font-size:1.4rem}
.story-option-plus{text-align:right;color:#b15b42}
.story-reveal-trigger{border:2px solid #293a30;background:#eeaa6d;color:#23362a;font-weight:900;letter-spacing:.02em;padding:17px 21px;width:100%;text-align:left;box-shadow:4px 4px 0 #26392e}
.story-reveal-trigger:not(:disabled):hover{background:#f3be8a}
.story-reveal-trigger:disabled{opacity:.6;cursor:default}
.story-feedback{margin:16px 0 23px;padding:20px 22px;background:#e7eacb;border-left:4px solid #657f55}
.story-feedback-kicker{font-size:.64rem;letter-spacing:.12em;font-weight:900;color:#4c6548}
.story-feedback h3{font:700 1.28rem Georgia,serif;margin:9px 0;color:#2b4731;letter-spacing:-.02em}
.story-feedback p{font-size:.88rem;line-height:1.68;color:#425549;margin:0}
.story-controls{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ddd1b9;padding-top:20px;margin-top:24px}
.story-back{border:0;background:transparent;font-size:.85rem;font-weight:800;color:#536051;padding:11px 8px}
.story-back:disabled{opacity:.28;cursor:default}
.story-continue,.story-next-link{background:#273e31;color:#fff5e3;border:2px solid #273e31;padding:12px 21px;font-size:.85rem;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}
.story-continue:hover:not(:disabled),.story-next-link:hover{background:#bd5739;border-color:#bd5739;color:white}
.story-continue:disabled{background:#d5d0bd;color:#777765;border-color:#d5d0bd;cursor:not-allowed}
.story-slider-label{font-size:.78rem;font-weight:830;color:#333e2f;display:block}
.story-slider-stat{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:14px 0 0;font-size:.78rem;color:#67715e}
.story-slider-stat strong{font:700 1.25rem Georgia,serif;color:#a74432}
.story-slider{display:block;width:100%;accent-color:#b95135;margin:26px 0;cursor:ew-resize}
.story-live-result{background:#ede4cd;border-top:2px solid #283b30;padding:19px 20px;font:700 clamp(1.1rem,2.2vw,1.4rem) Georgia,serif;color:#344337}
.journey-help{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.75rem;color:#6b6c5c;padding:22px 4px}
.journey-help button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#596b59;font-size:.76rem;cursor:pointer}
.story-finish{min-height:520px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.story-finish-mark{font-size:5.3rem;color:#bd533a;line-height:1;margin-bottom:16px}
.story-finish .story-note{font-size:.83rem}
.story-actions{display:flex;flex-direction:column;gap:15px;align-items:flex-start;margin-top:20px}
.story-secondary-link{text-decoration:underline;text-underline-offset:5px;font-weight:800;font-size:.86rem}
.journey-transcript{margin:64px 0 20px;max-width:790px;border-top:2px solid #334033;border-bottom:2px solid #334033;padding:15px 0}
.journey-transcript summary{font-size:.9rem;font-weight:800;cursor:pointer;padding:7px 0}
.journey-transcript>div{padding:18px 0}.journey-transcript section{border-bottom:1px solid #d1c5af;padding:18px 0}.journey-transcript h3{font-family:Georgia,serif;font-size:1.4rem}
.journey-transcript p{font-size:.87rem}
.journey-disclaimer{font-size:.76rem;color:#656a5e;max-width:780px}
@media(max-width:850px){.journey-layout{grid-template-columns:1fr;gap:23px}.journey-rail{position:static}.journey-rail-emoji{display:none}.journey-rail h1{font-size:2.4rem}.journey-facts{display:flex;flex-direction:row;flex-wrap:wrap;margin:14px 0}.journey-stage{min-height:400px}.path-hero-inner{grid-template-columns:1fr}.path-hero-art{max-width:490px;min-height:300px}}
@media(max-width:560px){.path-hero{padding:42px 0 58px}.path-hero h1{font-size:2.88rem}.path-hero-art{min-height:270px;margin-right:10px}.path-art-chip{font-size:2rem;left:20px}.path-art-tile{font-size:1.5rem;left:16px}.path-art-tile.second{left:90px}.path-art-tile.third{left:177px}.path-section{padding:52px 0}.path-section-header{align-items:start;flex-direction:column}.path-lesson{grid-template-columns:38px 38px 1fr 24px;gap:9px;padding:21px 3px}.path-lesson-number{font-size:1.45rem}.path-lesson-emoji{font-size:1.5rem}.path-lesson-copy strong{font-size:1.26rem}.path-lesson-copy>span:last-child{font-size:.78rem}.path-lesson-arrow{height:25px;width:25px}.path-lesson-status{grid-column:3;font-size:.68rem}.journey-page{padding:25px 0 55px}.journey-topbar{margin-bottom:15px}.journey-rail{padding:4px}.journey-rail h1{font-size:2.15rem}.journey-rail p{font-size:.88rem}.journey-facts{gap:10px;font-size:.69rem}.journey-stage{box-shadow:4px 4px 0 #e6bd7e}.story-screen,.story-finish{padding:28px 20px}.story-screen h2,.story-finish h2{font-size:2.1rem}.story-intro{font-size:.9rem;line-height:1.6}.story-prompt{margin:20px 0 10px}.story-controls{flex-wrap:wrap}.story-continue{padding:12px 16px}.journey-help{font-size:.67rem}.path-total{min-width:0}}
@media(prefers-reduced-motion:reduce){.story-screen,.story-finish{animation:none}}