/* Version 1.5: one elegant, readable story card at a time, no detail popup. */
.facts-panel{overflow:hidden}
.facts-heading{margin-bottom:23px;align-items:center}
.facts-heading .facts-intro{max-width:560px}
.ddd-about-viewport{overflow:hidden;touch-action:pan-y;scroll-behavior:auto!important;padding:5px 3px 16px;margin:-5px -3px -16px}
.ddd-story-track{display:grid;grid-template-columns:minmax(0,1fr);position:relative;isolation:isolate}
.ddd-story-card{grid-area:1/1;min-width:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.93fr);gap:14px;position:relative;padding:13px;border:1px solid #e8eef1;border-radius:28px;background:linear-gradient(118deg,#fff9fb 4%,#ffffff 54%,#f0fafb 100%);box-shadow:0 15px 38px rgba(22,69,88,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(34px) scale(.982);transition:opacity 1.25s ease,transform 1.35s cubic-bezier(.2,.72,.24,1),visibility 0s linear 1.35s;z-index:1;outline:0}
.ddd-story-card.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0) scale(1);transition:opacity 1.25s ease,transform 1.35s cubic-bezier(.2,.72,.24,1),visibility 0s}
.ddd-story-card:focus-visible{outline:3px solid #1b9ac1;outline-offset:3px}
.ddd-story-main{display:flex;flex-direction:column;padding:27px 24px 24px;min-width:0}
.ddd-story-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.125em;font-weight:900;color:#dc155b;text-transform:uppercase;margin-bottom:19px}
.ddd-story-round{display:block;width:8px;height:8px;background:#f12b70;border-radius:50%;box-shadow:0 0 0 5px #ffe1eb}
.ddd-story-heading{display:flex;align-items:center;gap:17px;min-width:0;margin-bottom:17px}
.ddd-story-icon{display:grid;place-items:center;width:61px;height:61px;min-width:61px;border-radius:21px;box-shadow:inset 0 0 0 1px #ffffff80;background:#ffe0eb;color:#e90055;font-size:22px;transition:transform .35s ease}
.ddd-story-icon.sky{background:#dcf3fa;color:#088db8}
.ddd-story-icon.sea{background:#def7ef;color:#1ca38f}
.ddd-story-icon .icon{width:29px;height:29px}
.ddd-story-icon .fact-age{font-size:21px}
.ddd-story-card.is-active:hover .ddd-story-icon{transform:rotate(-6deg) scale(1.035)}
.ddd-story-heading-text h3{margin:0;letter-spacing:-.045em;line-height:1.15;font-weight:900;font-size:clamp(25px,2.8vw,36px);color:#243a4b}
.ddd-story-subtitle{margin:6px 0 0;color:#7b90a0;font-size:13px;font-weight:700}
.ddd-story-body{display:grid;align-content:start;gap:12px}
.ddd-story-body p{color:#586f7c;font-size:14px;line-height:1.78;margin:0;letter-spacing:.002em;overflow-wrap:anywhere}
.ddd-story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:auto;padding-top:19px}
.ddd-story-link{display:inline-flex;align-items:center;gap:9px;border-radius:100px;background:#f60957;padding:12px 18px;color:#fff!important;font-size:12px;font-weight:850;text-decoration:none;box-shadow:0 8px 18px rgba(247,10,91,.16);transition:transform .2s ease,box-shadow .2s ease}
.ddd-story-link:hover{transform:translateY(-2px);box-shadow:0 13px 24px #d60b5540}
.ddd-story-link .icon{width:16px;height:16px}
.ddd-story-source{color:#157c96;font-weight:750;text-decoration:underline;text-decoration-color:#aedbe8;text-underline-offset:4px;font-size:11.5px}
.ddd-story-photo{position:relative;min-height:375px;overflow:hidden;border-radius:21px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff60}
.ddd-story-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,52,68,.62) 0%,rgba(12,52,68,.07) 55%,rgba(255,255,255,.12) 100%)}
.ddd-story-photo-label{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;gap:11px;color:#fff;font-size:16px;font-weight:850;line-height:1.35;letter-spacing:-.02em;text-shadow:0 1px 8px #0f374533}
.ddd-photo-heart{display:grid;place-items:center;min-width:40px;width:40px;height:40px;border-radius:13px;background:#ffffff33;backdrop-filter:blur(8px);font-size:30px;line-height:1}
.ddd-carousel-bottom{gap:12px;margin-top:16px}
.ddd-story-pips{display:flex;gap:6px;align-items:center}
.ddd-story-pips button{width:8px;height:8px;border-radius:100px;border:none;appearance:none;padding:0;background:#c7dce5;transition:width .4s ease,background .3s ease;cursor:pointer}
.ddd-story-pips button[aria-pressed="true"]{width:25px;background:#ef0b58}
.ddd-story-pips button:focus-visible{outline:2px solid #0a92bb;outline-offset:3px}
.ddd-carousel-counter{font-weight:900}
.ddd-carousel-progress{width:118px;max-width:118px;flex:none;height:4px;background:#e3edf0}
.ddd-carousel-progress span{width:100%!important;animation:ddd-story-fill 14s linear infinite;transform-origin:left;transition:none!important}
.ddd-about-viewport.is-stopped ~ .ddd-carousel-bottom .ddd-carousel-progress span{animation-play-state:paused}
.facts-panel:has(.ddd-about-viewport.is-stopped) .ddd-carousel-progress span{animation:none;transform:scaleX(1)}
.facts-panel:has(.ddd-about-viewport.is-stopped) .ddd-story-pips button[aria-pressed="true"]{background:#0f8cab}
@keyframes ddd-story-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ddd-facts-hint{font-size:11px;flex:1;line-height:1.4;max-width:290px}
@media(max-width:900px){.ddd-story-card{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr)}.ddd-story-main{padding:22px 16px 20px}.ddd-story-body p{font-size:13.1px;line-height:1.67}.ddd-story-photo{min-height:345px}}
@media(max-width:700px){.facts-panel{padding:22px 18px}.facts-heading{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.facts-heading h2{font-size:30px}.facts-intro{font-size:12px}.ddd-story-card{grid-template-columns:1fr;gap:0;padding:9px;border-radius:22px}.ddd-story-main{padding:19px 15px 21px}.ddd-story-heading{gap:12px;margin-bottom:13px}.ddd-story-icon{width:49px;height:49px;min-width:49px;border-radius:16px}.ddd-story-icon .icon{width:25px;height:25px}.ddd-story-icon .fact-age{font-size:17px}.ddd-story-heading-text h3{font-size:24px}.ddd-story-body{gap:10px}.ddd-story-body p{font-size:13px;line-height:1.63}.ddd-story-photo{min-height:160px;height:160px;border-radius:17px}.ddd-story-photo-label{bottom:13px;left:13px;font-size:13px}.ddd-photo-heart{width:34px;height:34px;min-width:34px;font-size:24px}.ddd-story-actions{margin-top:0;padding-top:17px}.ddd-carousel-bottom{flex-wrap:wrap}.ddd-facts-hint{flex-basis:100%;max-width:none;margin-left:0}.ddd-carousel-controls{margin-left:auto}.ddd-story-eyebrow{margin-bottom:15px}}
@media(max-width:380px){.ddd-story-heading-text h3{font-size:22px}.ddd-story-photo{min-height:122px;height:122px}.ddd-story-main{padding:16px 12px 18px}.ddd-story-link{padding:11px 12px;font-size:11.5px}.ddd-story-actions{gap:11px}.ddd-story-body p{font-size:12.6px}.ddd-carousel-progress{width:80px;max-width:80px}.ddd-carousel-bottom{gap:9px}}
@media(prefers-reduced-motion:reduce){.ddd-story-card,.ddd-story-icon,.ddd-story-link,.ddd-story-pips button{transition:none!important}.ddd-carousel-progress span{animation:none!important}}
body.calm-mode .ddd-story-card,body.calm-mode .ddd-story-icon{transition:none!important}
body.calm-mode .ddd-carousel-progress span{animation:none!important}