body[data-page="places"] main{max-width:1200px;padding:8px 12px 100px}
.story-map-layout{--paper:#F5F1E9;--ink:#20211E;--sage:#67715F;--taupe:#AAA092;--parchment:#DDD5C7;--oracle:#3F4B42;display:grid;grid-template-columns:minmax(0,1fr);border:1px solid var(--taupe);border-radius:18px;overflow:hidden;color:var(--ink);background:var(--paper)}
.story-chart{position:relative;min-width:0;background:#718486}
.story-map-heading{position:absolute;z-index:1;top:4%;left:5%;width:55%;padding:10px 4px;background:linear-gradient(90deg,transparent,#3F4B4299,transparent);text-align:center;pointer-events:none;color:var(--paper)}
.story-map-heading h2{font:clamp(17px,4.5vw,33px) var(--serif);letter-spacing:.22em;margin:0 0 12px}
.story-map-heading p{font:8px var(--sans);letter-spacing:.28em;border-top:1px solid #ddd5c777;padding-top:12px}
#storyMapSvg{width:100%;height:auto;display:block;overflow:visible}
.story-route{stroke:#3F4B42;stroke-width:3;stroke-dasharray:5 7;fill:none;opacity:.85;pointer-events:none}
.route-reveal{stroke-dasharray:1;stroke-dashoffset:0}.route-reveal.new-leg{animation:map-draw 1.5s ease both}
@keyframes map-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.story-marker{cursor:pointer;outline:none}.story-marker text{font:27px Georgia,serif;fill:#20211E;paint-order:stroke;stroke:#E7DFCF;stroke-width:5;stroke-linejoin:round}
.marker-ring{stroke:#AAA092;stroke-width:3;fill:#3F4B42}.marker-dot{fill:#DDD5C7}.marker-halo{fill:none;stroke:#67715F;stroke-width:2;opacity:.65}
.story-marker.discovered .marker-ring{fill:#DDD5C7}.story-marker.discovered .marker-dot{fill:#AAA092;r:3}
.story-marker.current .marker-ring{fill:#F5F1E9}.story-marker.current .marker-dot{fill:#20211E}
.story-marker.current .marker-halo{transform-box:fill-box;transform-origin:center;animation:map-pulse 2.5s ease-out infinite}
.story-marker:focus-visible .marker-halo{stroke:#20211E;stroke-width:5;animation:none}
.map-glyph{fill:none;stroke:#67715F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.finale-ring{stroke:#3F4B42;stroke-width:2;fill:none}
.new-node{animation:map-node 1.8s ease both}@keyframes map-node{0%,70%{opacity:0}100%{opacity:1}}@keyframes map-pulse{0%{opacity:.35;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}
#storyPlayer{pointer-events:none}#storyPlayer circle{fill:#F5F1E9;stroke:#3F4B42;stroke-width:3}#storyPlayer path{stroke:#3F4B42;stroke-width:2}
.story-map-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;color:#F5F1E9;font:10px var(--sans);background:#3F4B4266}
.story-map-foot button{background:transparent;border:1px solid #DDD5C777;color:#F5F1E9;font:11px var(--sans);min-height:44px;padding:8px}
.map-recorded{position:absolute;bottom:68px;left:20px;font:11px var(--serif);color:#F5F1E9;animation:record-fade 3s forwards;pointer-events:none}@keyframes record-fade{70%{opacity:1}100%{opacity:0}}
.journey-paper{padding:24px;background:radial-gradient(ellipse at 15% 15%,#fff6,transparent 60%),#F5F1E9;color:#20211E}
.journey-details summary{list-style:none;cursor:pointer;border-bottom:1px solid #AAA09288;padding-bottom:18px;display:flex;flex-direction:column;gap:8px;font:20px Georgia,serif;letter-spacing:.15em}
.journey-details summary::-webkit-details-marker{display:none}.journey-details summary small{font:11px var(--sans);letter-spacing:.06em;color:#67715F}.journey-details summary:after{content:'−';align-self:flex-end;margin-top:-26px}.journey-details:not([open]) summary:after{content:'+'}
.story-timeline{list-style:none;padding:24px 0 0;margin:0}.story-timeline li{position:relative;margin:0;padding:0 0 22px 26px;border-left:1px solid #AAA092}
.story-timeline li:last-child{border-color:transparent;padding-bottom:8px}.story-timeline button{display:block;width:100%;min-height:48px;text-align:left;padding:0;background:none;border:0;color:#20211E}
.story-timeline strong{display:block;font:18px Georgia,serif;line-height:1.4;font-weight:400}.story-timeline small{display:block;font:11px var(--sans);color:#67715F;margin-top:4px;text-transform:capitalize}
.timeline-ring{position:absolute;left:-7px;top:5px;width:13px;height:13px;border:2px solid #AAA092;border-radius:50%;background:#3F4B42;box-shadow:0 0 0 3px #F5F1E9}
.current .timeline-ring{background:#F5F1E9;box-shadow:inset 0 0 0 2px #F5F1E9,0 0 0 3px #F5F1E9;border-color:#3F4B42}.discovered .timeline-ring{background:#F5F1E9}
.story-timeline button[aria-pressed=true] strong{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#AAA092}
.story-location-card{border:1px solid #AAA09288;padding:18px;margin-top:20px}.story-location-card h3{font:23px Georgia,serif;margin:5px 0 8px}.story-location-card p{font:14px Georgia,serif;line-height:1.65;margin:10px 0}.story-location-card p:first-child{font:10px var(--sans);text-transform:uppercase;letter-spacing:.18em;color:#67715F}.story-location-card small{color:#67715F}
.story-map-key{display:flex;flex-wrap:wrap;gap:12px;font:11px Georgia,serif;margin-top:24px;color:#67715F}.story-map-quote{font:italic 17px Georgia,serif;text-align:center;line-height:1.6;color:#67715F;margin:30px 0 8px}.m22-trace{border-top:1px solid #AAA092;padding-top:16px;font:16px Georgia,serif}.m22-trace span{display:block;font:12px var(--sans);color:#67715F;margin-top:8px}
.map-complete .marker-halo{animation:none}
@media(min-width:800px){.story-map-layout{grid-template-columns:minmax(0,3fr) minmax(250px,1fr)}.journey-paper{padding:28px 24px}.story-map-heading p{font-size:12px}.story-map-heading h2{font-size:32px}.story-map-foot{font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-map-layout *{animation:none!important;transition:none!important}}