/* Hosting integration for the supplied bilingual interactive story. */
.transform-mark{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:7px;flex:none}
.showcase-return{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:12px;white-space:nowrap}
.showcase-return a{text-underline-offset:4px}.scene [tabindex="-1"]:focus{outline:none}
.no-script{position:fixed;z-index:1000;inset:0 0 auto;padding:20px;background:white;color:#17191d}
.dot{position:relative;min-width:20px;min-height:32px;background:transparent;border-radius:0}
.dot:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#b7a69a;left:0;top:12px}
.dot.on{background:transparent}.dot.on:before{width:25px;border-radius:8px;background:var(--orange)}
@media(max-width:1100px){.foot .dots{display:none}.foot-right{margin-left:auto}.night-illustration{overflow:hidden;border-radius:22px}}
@media(max-width:900px){.top{flex-wrap:wrap;flex-basis:auto;min-height:76px;padding:10px 16px;gap:8px 14px}.brand{gap:8px}.brand-text small{letter-spacing:.06em}.top-actions{margin-left:auto}.showcase-return{gap:14px}.transform-mark{width:42px;height:42px}}
@media(max-width:600px){.top-actions{width:100%;justify-content:flex-end}.top-actions .tool{padding:7px 10px}.simulate{margin-right:auto}.deck{min-height:0}.showcase-return{font-size:12px}.foot-right{width:auto}.foot-left{min-width:0;flex:1}.arrow{width:44px;height:44px}.scene{padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.showcase-return,.top-actions{display:none}.transform-mark{display:block}}