/* Shared story controls keep colour, focus and text surfaces predictable. */
#story-kicker{max-width:76ch;line-height:1.75;overflow-wrap:anywhere;letter-spacing:.055em}
.story-image-stage{max-height:620px}
.exp-discovery p,.concept-detail p{line-height:1.75}
.story-modes{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px clamp(20px,3.3vw,64px);background:#102d2b;color:#e9efdf;border-bottom:1px solid #a9c2af40}
#story-current-root{font-size:.9375rem;line-height:1.5;min-width:0}.story-modes>div{display:flex;gap:4px;flex-shrink:0;padding:4px;border:1px solid #a9c2af60;border-radius:30px}.story-modes button{font-size:.9375rem;color:#dfe9d6;border:0;border-radius:24px;min-height:44px;padding:9px 18px}.story-modes button[aria-pressed=true]{background:#dce8bc;color:#173b31}.story-modes button:hover{background:#2a4e41;color:#fff}.story-modes button[aria-pressed=true]:hover{background:#ecf3d8;color:#173b31}
#forest-explorer{--story-accent:#d8eb81;padding-top:28px}.exp-heading{margin-bottom:24px}.exp-heading h1{max-width:22ch;font-size:clamp(2.35rem,3.7vw,4rem)}.exp-heading>p{max-width:33ch}.exp-workspace{align-items:stretch}.exp-landscape{display:flex;flex-direction:column;min-height:0;isolation:auto;background:#102b29}.story-image-stage{position:relative;isolation:isolate;min-height:440px;flex:1;overflow:hidden}.exp-image-bottom{position:relative;inset:auto;background:#082622;padding:22px 28px;flex-shrink:0;border-top:1px solid #b4ccb249}.exp-image-bottom>p{color:#d7e2d4;max-width:65ch;font-size:.9375rem;line-height:1.6;margin-bottom:16px}.exp-depth{padding-top:14px}.exp-depth label span,.exp-layer-buttons button[aria-pressed=true]{color:var(--story-accent)}.exp-layer-buttons{gap:10px;flex-wrap:wrap}.exp-layer-buttons button{flex:1;text-align:left;line-height:1.5;font-size:.9375rem;padding:10px 6px}.exp-layer-buttons button[aria-pressed=true]{border-color:var(--story-accent)}#exp-depth{accent-color:var(--story-accent)}
.exp-image-top span,.exp-hotspot{background:#082b29;color:#f4f5e8}.exp-image-top{font-size:.875rem}.exp-hotspot{max-width:210px;white-space:normal;text-align:left;line-height:1.4}.exp-hotspot[aria-pressed=true]{background:var(--story-accent);border-color:var(--story-accent);color:#12362c}.exp-hotspot[aria-pressed=true] .exp-pin{background:#eff3d9;color:#163b31}.exp-pin{flex:0 0 44px}.exp-fieldnotes{display:flex;flex-direction:column}.exp-fieldnotes h2{margin:12px 0 16px}.exp-discovery{min-height:0;margin:18px 0;padding:20px 0;scroll-margin:24px}.exp-discovery h3{font-size:1.6rem}.exp-discovery:focus{outline:2px solid var(--story-accent);outline-offset:6px}.exp-fieldnotes .exp-primary{margin-top:auto;background:var(--story-accent);color:#173b31}.exp-fieldnotes .exp-bridge{margin-bottom:22px}.exp-discovery>.exp-kicker,#exp-read,.exp-text-link{color:var(--story-accent)}.exp-condition-buttons button[aria-pressed=true]{background:var(--story-accent);border-color:var(--story-accent);color:#173b31}.exp-condition-detail .exp-condition-statement{font-size:1.35rem}.exp-answer-buttons button.chosen{border-color:var(--story-accent)}.story-next{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid #bfd3b337}.story-next>span{font-size:.875rem;letter-spacing:.07em;color:#c5d4ca}.story-next button{font:1.35rem/1.4 Georgia,serif;max-width:35ch;text-align:left;color:var(--story-accent);border:1px solid #bfceaa55;padding:14px 20px;min-height:48px}
body:not(.exploring) .layout{--bg:#f4f3e9;--ink:#173d35;--muted:#526a60;--line:#214b3626;background:var(--bg);color:var(--ink)}
.layout .visual{--bg:#0a3029;--ink:#f3f4df;--muted:#c4d5c8;--line:#ffffff30;color:var(--ink)}
.layout :is(button,a,input,summary):focus-visible{outline:3px solid #24533b;outline-offset:4px}.layout .visual :is(button,a,input,summary):focus-visible{outline-color:#f3dda0}
.layout .eyebrow,.layout .visual-title,.layout .takeaway small,.layout .rail-title,.layout .practice-item span,.layout .pair small,.layout .pathway-label,.layout .diagram-group-label{font-size:.875rem;letter-spacing:.06em}.layout .visual-caption,.layout .source-notes{font-size:.9375rem}.layout .intro,.layout .body-copy{line-height:1.8}.layout .copy{max-width:65ch}.layout .copy .manuscript>div{max-height:none;overflow:visible;padding-right:0}.layout .next{background:#1d4938;color:#f3f5df}.layout .next:hover{background:#305c42;color:#fff}
@media(max-width:1100px){.exp-hotspot{max-width:150px;flex-direction:column;text-align:center}.story-image-stage{min-height:450px}.exp-fieldnotes{padding:26px}.exp-heading>p{max-width:28ch}}
@media(max-width:800px){.story-modes{align-items:flex-start;flex-wrap:wrap;gap:10px}.story-modes>div{margin-left:auto}.exp-heading>p{max-width:none}.exp-heading h1{max-width:22ch}.story-image-stage{min-height:350px}.exp-fieldnotes{display:grid;grid-template-columns:1fr;gap:0}.exp-fieldnotes>.exp-kicker{order:0}.exp-discovery{order:1;margin:0 0 20px;border-top:0;padding-top:0}.exp-fieldnotes h2{order:2}.exp-fieldnotes #exp-intro{order:3}.exp-fieldnotes #exp-bridge{order:4}.exp-fieldnotes #exp-descend{order:5}.exp-hotspot{max-width:145px}.exp-image-bottom{padding:20px 24px}.story-next{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:480px){.story-modes{padding:13px 18px}.story-modes>div{margin:0}.story-modes button{padding:9px 14px}.story-image-stage{min-height:365px}.exp-hotspot{max-width:125px;font-size:.875rem;padding:0 9px 8px;border-radius:14px}.exp-image-bottom{padding:18px}.exp-layer-buttons{flex-direction:column;gap:2px}.exp-layer-buttons button{flex:auto;border-left:3px solid transparent;border-bottom:0;padding:9px 12px;width:100%}.exp-layer-buttons button[aria-pressed=true]{border-left-color:var(--story-accent);background:#ffffff0b}.exp-image-top{font-size:.875rem;padding:13px 10px;letter-spacing:.035em}.exp-image-top span:last-child{display:none}.exp-fieldnotes{padding:24px}.exp-condition-statement{overflow-wrap:break-word}.story-next button{font-size:1.2rem;width:100%}.exp-chapter-tabs{flex-direction:row}}
@media(prefers-reduced-motion:reduce){.exp-image{animation:none;transition:none}}

/* The pilot connects the image discoveries with a continuing everyday story. */
#forest-explorer [hidden]{display:none!important}
.pilot-narrative{background:#183e3d;border-left:4px solid var(--story-accent);padding:24px 28px;margin:0 0 24px}
.pilot-narrative h2,.pilot-section-heading h2,.pilot-practice h2{font:clamp(1.65rem,2.5vw,2.25rem)/1.25 Georgia,serif;color:#f1f5e9;margin:8px 0 16px}
.pilot-narrative>p:last-child,.pilot-section-heading>p:last-child{font-size:1.0625rem;line-height:1.8;max-width:85ch;color:#e0eadd;margin-bottom:0}
.pilot-infographics,.pilot-practice{padding:36px 0;border-bottom:1px solid #bfd3b337}
.pilot-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:26px}
.pilot-figures figure{margin:0;min-width:0;max-width:560px;justify-self:center}
.pilot-figures img{display:block;width:100%;height:auto;max-width:430px;margin:auto}
.pilot-figures figcaption{font-size:1rem;line-height:1.8;color:#dbe6d8;padding:20px 4px}
.pilot-figures figcaption strong{display:block;color:#f1f5e9}
.pilot-figures a{color:var(--story-accent);text-decoration:underline;text-underline-offset:3px}
#pilot-practice-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
#pilot-practice-steps article{background:#123532;border:1px solid #accaba40;padding:24px;min-width:0}
.pilot-step-number{font-size:.9375rem;color:var(--story-accent)}
#pilot-practice-steps h3{font:1.5rem/1.3 Georgia,serif;color:#f1f5e9;margin:10px 0}
#pilot-practice-steps p,.pilot-journal{font-size:1rem;line-height:1.8;color:#dbe6d8;margin:0}
.pilot-journal{padding:20px;border-left:3px solid var(--story-accent)}
#forest-explorer :is(button,a,input):focus-visible{outline:3px solid #f5e6ae;outline-offset:4px}
.story-source-notes{margin-top:24px;border-top:1px solid #accaba55;padding:20px 0;color:#dbe6d8;font-size:1rem;line-height:1.8}
.story-source-notes summary{cursor:pointer;color:#f1f5e9;font-size:1rem;padding:8px 0}
.story-source-notes p{max-width:80ch;margin:16px 0}
.story-source-notes ul{padding-left:24px}
.story-source-notes a{color:var(--story-accent);text-decoration:underline;text-underline-offset:3px}
.story-source-notes summary:focus-visible{outline:3px solid #f5e6ae;outline-offset:4px}
#pilot-heading{scroll-margin-top:24px}
@media(max-width:800px){
 .story-image-stage{display:flex;flex-direction:column;min-height:0;max-height:none;flex:none;overflow:visible}
 .story-image-stage .exp-images{position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:3/2}
 .story-image-stage .exp-image{object-fit:contain;animation:none;transform:none}
 .story-image-stage .exp-vignette{display:none}
 .story-image-stage .exp-image-top{position:absolute;top:0;left:0;right:0;z-index:1;pointer-events:none;padding:10px}
 .exp-image-top span:last-child{display:none}
 #exp-hotspots{display:grid;grid-template-columns:1fr;gap:10px;padding:16px;background:#102b29}
 #exp-hotspots .exp-hotspot{position:static;transform:none;max-width:none;width:100%;flex-direction:row;text-align:left;padding:8px 12px;gap:12px;border-radius:8px;font-size:1rem;overflow-wrap:anywhere}
 .exp-pin{flex:0 0 44px}
 .exp-fieldnotes{display:flex}
 .exp-fieldnotes>*{order:initial!important}
 .exp-discovery{margin:18px 0;padding:20px 0;border-top:1px solid #dce5c331}
 .pilot-figures,#pilot-practice-steps{grid-template-columns:1fr}
 .pilot-narrative{padding:20px;margin-bottom:20px}
 .pilot-figures{gap:20px}
 .exp-landscape{min-height:0}
 .exp-image-bottom{padding:18px}
 .story-modes>div{flex-wrap:wrap;min-width:0;max-width:100%;border-radius:12px}
 .story-modes button{white-space:normal}
}