#preview.earth-story{right:5%;width:35%;max-width:440px;max-height:80%;overflow:hidden;display:flex;flex-direction:column}
.earth-story-card{min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding:24px;background:linear-gradient(145deg,#132032f0,#0b1422f5);border:1px solid #45546b88;border-radius:12px;box-shadow:0 18px 60px #0003}
.earth-story-card .story-eyebrow{flex-shrink:0;font-size:9px!important;letter-spacing:2.5px;color:#9eaec4!important;margin:0 0 20px}
.story-scroll{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#59677c transparent;padding-right:8px}
.earth-story-card .story-location{font-size:12px!important;color:#e8bd76!important;margin:0 0 12px}
#preview .earth-story-card h2{font:normal clamp(27px,3vw,42px)/1.13 Georgia,serif;letter-spacing:-1px;margin:0 0 22px}
#preview .earth-story-card .story-body p{font-size:14px;line-height:1.85;color:#bec7d5;margin:0 0 18px}
.story-gallery{margin:0 0 12px}
.story-gallery[hidden]{display:none}
.story-photo-link{display:block;border-radius:7px;overflow:hidden;background:#0a1220}
.story-photo{display:block;width:100%;height:clamp(88px,16svh,140px);object-fit:cover}
.story-thumbnails{display:flex;gap:7px;margin-top:9px}
.story-thumbnails button{flex:1;min-width:0;height:32px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:4px;opacity:.6;transition:opacity .2s,border-color .2s}
.story-thumbnails button:hover,.story-thumbnails button:focus-visible,.story-thumbnails button[aria-pressed=true]{opacity:1}
.story-thumbnails button[aria-pressed=true]{border-color:#e8bd76}
.story-thumbnails img{width:100%;height:100%;object-fit:cover;display:block}
.story-photo-caption{display:block;font-size:11px;line-height:1.5;color:#ded9cf;margin-top:10px}
.story-photo-credit{display:block;font-size:9px;line-height:1.6;color:#99a8be;margin-top:4px;overflow-wrap:anywhere}
.story-photo-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.story-places{flex-shrink:0;display:flex;flex-wrap:wrap;gap:5px;padding-top:12px;margin-top:8px;border-top:1px solid #344156}
.story-places button{padding:9px 10px;font-size:11px;color:#9bacc3;border-radius:5px;border:1px solid transparent}
.story-places button[aria-current=step]{color:#f1cb8c;border-color:#bb945554;background:#d4a55a10}
.story-paging{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}
.story-paging button{width:42px;height:42px;border:1px solid #536079;border-radius:50%;font-size:20px}
.story-paging button:disabled{opacity:.25;cursor:default}
.story-progress{font-size:11px;letter-spacing:1px;color:#b9c5d5}
.earth-markers{position:absolute;inset:0;pointer-events:none}
.earth-marker{position:absolute;width:28px;height:28px;margin:-14px;padding:0;border-radius:50%;pointer-events:auto;isolation:isolate;z-index:1}
.earth-marker::before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff3d4;box-shadow:0 0 5px 2px #ffdc94,0 0 17px 6px #edab5670}
.earth-marker::after{content:'';position:absolute;inset:3px;border:1px solid #f4c77880;border-radius:50%;box-shadow:0 0 9px #f6bd5840}
.earth-marker[aria-pressed=true]::after{border-color:#fff1c4;inset:0}
.earth-marker[aria-pressed=true]{z-index:3}
.earth-marker-label{position:absolute;left:31px;top:3px;padding:4px 7px;border-radius:4px;background:#07101ed9;border:1px solid #9e825a60;color:#f9dfb1;font-size:10px;white-space:nowrap;pointer-events:none}
.earth-marker[data-city=Paris] .earth-marker-label{left:14px;top:-23px}
.earth-marker[data-city=Dakar] .earth-marker-label{left:auto;right:31px}
.earth-marker:hover .earth-marker-label,.earth-marker:focus-visible .earth-marker-label{color:white;border-color:#efd19b}
.earth-marker:focus-visible{outline-offset:2px}
@media(max-width:900px) and (min-width:701px){.earth-story-card{padding:20px}#preview.earth-story{right:4%;width:36%}.story-places{gap:0}.story-places button{padding:8px}}
@media(max-width:700px){.zoomed #preview.earth-story{display:flex!important;left:20px;right:20px;top:85px;width:auto;max-height:calc(100% - 105px)}.earth-story-card{padding:22px}.earth-story-card .story-eyebrow{margin-bottom:20px}#preview .earth-story-card h2{font-size:32px}}