/* Only the new reading inset. The current home copy, buttons and sections keep their native styles. */
.cx-marketing .cxh5-inner>.cxhero-demo{position:absolute;right:0;top:18px;width:50%;z-index:2}
.cx-marketing .cxh5-caption{visibility:hidden}
.cxhero-demo{--gold:#ffdb54;--ink:#122136;--pink:#ff70c4;min-width:0;font-family:CX,Arial,sans-serif}
.cxhero-demo *{box-sizing:border-box}.cxhero-demo [hidden]{display:none!important}.cxhero-demo button{font-family:inherit;cursor:pointer;touch-action:manipulation}
.cxhero-player{position:relative;border-radius:17px;overflow:hidden;background:var(--ink);color:white;box-shadow:0 14px 35px #10213720;border:1px solid #ffffff26}
.cxhero-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cxhero-viewport{height:335px;position:relative;isolation:isolate;overflow:hidden;background:#1e303d}
.cxhero-backdrop{position:absolute;inset:-18px;background-size:cover;background-position:center;filter:blur(5px);opacity:.52;z-index:0;pointer-events:none}.cxhero-viewport:has(.cxb-world:not([hidden])) .cxhero-backdrop{visibility:hidden}
.cxhero-scroll{position:absolute;inset:0;z-index:2;overflow:hidden;touch-action:auto;cursor:default;pointer-events:none}.cxhero-scroll *{pointer-events:none!important;touch-action:auto!important}.cxhero-pages{width:92%;max-width:760px;margin:0 auto;padding:12px 0;position:relative;transform-origin:0 0;will-change:transform;user-select:none}
.cxhero-sheet{position:relative;display:block;margin:0 0 16px!important;padding:0!important;background:white;box-shadow:0 3px 12px #00192950;overflow:hidden}.cxhero-sheet:last-child{margin-bottom:0!important}.cxhero-sheet .cxrs-stage{background:white}.cxhero-sheet img.cxhero-flat{display:block!important;width:100%!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}.cxhero-sheet .cxrs-overlay{position:absolute;inset:0;pointer-events:none}.cxhero-sheet .cxrs-effect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cxhero-sheet img{pointer-events:none;-webkit-user-drag:none}
.cxhero-cover{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#537b8638,transparent 75%),#2034408a;backdrop-filter:blur(3px);opacity:1;visibility:visible;transition:opacity .75s cubic-bezier(.22,1,.36,1),visibility .75s}.cxhero-cover.is-gone{opacity:0;visibility:hidden}
.cxhero-print-stage{position:absolute;inset:24px 18px 26px;perspective:1300px}.cxhero-print-stage:before{content:'';position:absolute;left:7%;right:0;bottom:-8px;height:28%;background:#07111e7a;filter:blur(17px);border-radius:50%;transform:rotate(-2deg)}
.cxhero-open-book{position:absolute;right:1%;top:8%;width:65%;height:86%;display:flex;transform:rotateX(5deg) rotateY(-5deg) rotateZ(3deg);transform-style:preserve-3d;border-radius:3px 9px 9px 3px;box-shadow:0 14px 25px #0005,1px 2px 0 #fffaf0,2px 4px 0 #c9c2b5,3px 6px 0 #fffaf0,4px 8px 0 #c9c2b5,4px 10px 0 #142435;background:#fffdf5}
.cxhero-open-book>div{position:relative;width:50%;height:100%;overflow:hidden;background:#fffdf6}.cxhero-open-book>div:first-child{border-radius:4px 0 0 4px;background:linear-gradient(90deg,#fffdf6 55%,#f3eee4 85%,#d5cfc3);box-shadow:inset -16px 0 18px -12px #614f3148}.cxhero-open-book>div:last-child{border-radius:0 7px 7px 0;background:linear-gradient(90deg,#d8d1c2,#fffdf6 11%,#fffdf6 91%,#f2ede3);box-shadow:inset 11px 0 13px -11px #6b604e80}.cxhero-open-book:after{content:'';position:absolute;left:calc(50% - 1px);top:0;bottom:0;width:2px;background:#a99d8966;box-shadow:0 0 5px 1px #6e5b4226}
.cxhero-title-page{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:14px;color:#233445!important}.cxhero-title-page span{font-size:9px;letter-spacing:.13em;font-weight:950}.cxhero-title-page strong{font-size:clamp(11px,1.25vw,18px);font-weight:900;line-height:1.25;display:block;margin:19px 0!important;padding:0!important;text-wrap:balance}.cxhero-title-page i{font-size:7px;font-style:normal;color:#8e867a}
.cxhero-print-page{padding:7px 6px 8px 7px}.cxhero-print-page img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}
.cxhero-closed-book{position:absolute;left:4%;top:4%;height:89%;width:auto;aspect-ratio:1000/1416;transform:rotateY(-10deg) rotateZ(-6deg);transform-style:preserve-3d;filter:drop-shadow(0 15px 12px #0006)}.cxhero-closed-book>img{width:100%;height:100%;object-fit:fill;display:block;border-radius:2px 5px 5px 2px;position:relative;z-index:2}.cxhero-closed-book:before{content:'';position:absolute;inset:0;z-index:3;border-radius:2px 5px 5px 2px;background:linear-gradient(90deg,#08192b75 0,#ffffff25 3%,transparent 5%,transparent 96%,#0002);box-shadow:inset 0 0 1px 1px #ffffff25}.cxhero-closed-book:after{content:'';position:absolute;top:3px;bottom:-5px;left:5px;right:-7px;border-radius:2px;background:repeating-linear-gradient(0deg,#fffef7 0 1px,#d5cfc3 1px 2px);box-shadow:2px 3px 0 #263546;transform:translateZ(-4px)}
.cxhero-controls{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;background:var(--ink)}.cxhero-controls button,.cxhero-read{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid #ffffff26;background:#ffffff07;color:white;border-radius:9px;font-size:12px;font-weight:750;padding:0}.cxhero-controls svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cxhero-controls .cxhero-sound[aria-pressed=true]{background:#ffda5410;color:#ffe8a3;border-color:#ffda5455}.cxhero-control-group{display:flex;gap:6px;flex-shrink:0}.cxhero-control-group>button{width:38px}.cxhero-pause>span{font-size:18px}.cxhero-controls .cxhero-read{background:var(--pink);color:#201b33!important;border-color:transparent;gap:12px;padding:9px 16px;text-decoration:none!important;line-height:1.25;font-size:13px;box-shadow:0 3px 12px #ff70c418;white-space:nowrap}.cxhero-controls button:hover,.cxhero-read:hover{filter:brightness(1.1)}.cxhero-controls button:disabled{opacity:.38;cursor:default}
.cxhero-progress{height:2px;background:#ffffff16}.cxhero-progress>span{height:100%;display:block;background:var(--gold);width:0}
.cxhero-caption{font-size:9px!important;line-height:1.3!important;padding:0!important;margin:7px 3px 0!important;text-align:right;color:#646975!important;font-weight:500!important}.cxhero-reader-status{font-size:10px;line-height:1.4;background:var(--ink);color:#ffe1a4}.cxhero-reader-status:not(:empty){padding:0 11px 8px}
.cxhero-ending{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#12213635;backdrop-filter:blur(1px);pointer-events:none}.cxhero-ending>button{border:1px solid #ffffff55;background:#142438ed;color:white;border-radius:24px;padding:12px 22px;font-size:14px;font-weight:800;display:flex;gap:15px;align-items:center;pointer-events:auto}.cxhero-ending>button>span{font-size:22px}
.cxhero-demo button:focus-visible,.cxhero-read:focus-visible{outline:3px solid #ffdb54;outline-offset:2px}
@media(max-width:1100px) and (min-width:701px){.cx-marketing .cxh5-inner>.cxhero-demo{top:20px;width:46%}.cxhero-viewport{height:288px}.cxhero-print-stage{inset:22px 12px 24px}.cxhero-title-page{padding:8px}.cxhero-title-page strong{font-size:12px}}
@media(max-width:700px){.cx-marketing .cxh5-inner>.cxhero-demo{position:relative;top:auto;right:auto;width:100%;margin:0 0 24px}.cxhero-viewport{height:315px}.cxhero-player{border-radius:14px;display:flex;flex-direction:column}.cxhero-print-stage{inset:26px 10px 32px}.cxhero-open-book{width:65%;height:72%;top:19%;right:0;transform:rotateX(4deg) rotateY(-5deg) rotateZ(3deg)}.cxhero-closed-book{width:auto;height:76%;top:9%;left:1%}.cxhero-title-page{padding:7px}.cxhero-title-page strong{font-size:11px;margin:15px 0!important}.cxhero-title-page span{font-size:7px}.cxhero-title-page i{font-size:6px}.cxhero-controls{padding:7px 9px;gap:8px;order:0}.cxhero-caption{font-size:8px!important}.cxhero-player .cxhero-reader-status{order:1}.cxhero-player .cxhero-viewport{order:2}.cxhero-player .cxhero-progress{order:3}.cxhero-controls button,.cxhero-controls .cxhero-read{min-height:44px}.cxhero-control-group>button{width:44px}.cxhero-controls .cxhero-read{flex:1;padding:9px 10px;gap:6px;font-size:12px}}
@media(max-width:360px){.cxhero-viewport{height:290px}.cxhero-title-page strong{font-size:10px}.cxhero-controls .cxhero-read{font-size:10.5px;padding:9px 6px;gap:4px}.cxhero-read svg{width:16px}}
@media(max-width:700px){.cxhero-title-page strong,.cxhero-title-page i{display:none!important}.cxhero-title-page span{position:absolute;right:8px;bottom:18px;writing-mode:vertical-rl;font-size:6px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.cxhero-cover{transition:none}.cxhero-pages{will-change:auto}}

/* Halloween's two large, opposite-tilted books, animated by the same clock
   as the native reader. Reserve room before the home choices. */
.cx-marketing .cxh5-inner:has(>.cxhero-demo){--cxhero-preview-height:540px}
.cx-marketing .cxh5-inner:has(>.cxhero-demo)>.cxh5-intro{min-height:calc(var(--cxhero-preview-height) + 114px)}
.cxhero-viewport{height:540px;border-radius:16px;background:transparent}
.cxhero-player{border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
#cxhero-player .cxhero-cover-v2{background:radial-gradient(ellipse at 48% 46%,#ffdb5428,transparent 72%);backdrop-filter:none}
.cxhero-player:not([data-phase="panels"]) .cxhero-scroll,.cxhero-player:not([data-phase="panels"]) .cxhero-backdrop,.cxhero-player:not([data-phase="panels"]) .cxb-world{opacity:0!important;visibility:hidden}
.cxhero-print-stage{inset:22px 34px 34px 26px;perspective:none}
.cxhero-print-stage:before{content:none}
.cxhero-cover-v2:before,.cxhero-cover-v2:after{position:absolute;z-index:1;color:#e7b62e;font-size:24px;line-height:1;pointer-events:none;content:'✦'}
.cxhero-cover-v2:before{top:32px;right:54px;transform:rotate(-12deg)}
.cxhero-cover-v2:after{bottom:42px;left:13px;font-size:19px;transform:rotate(19deg)}
.cxhero-closed-book{left:3%;top:20px;width:55%;max-width:310px;height:auto;aspect-ratio:2/3;z-index:2;transform:rotate(-8deg);transform-style:flat;filter:none;border-radius:4px 10px 10px 4px;box-shadow:12px 20px 38px #35214435,-4px 0 0 #322d3c}
.cxhero-closed-book>img{width:100%;height:100%;object-fit:contain;border-radius:inherit}
.cxhero-closed-book:before{border-radius:inherit;background:linear-gradient(90deg,#13203740,transparent 4%,#fff1 7%,transparent 12%);box-shadow:inset 9px 0 11px #ffffff12}
.cxhero-closed-book:after{display:none}
.cxhero-open-book{position:absolute;right:0;top:59px;width:48%;height:auto;display:block;padding:7px;background:#fff7ee;border-radius:7px;transform:rotate(7deg);transform-style:flat;box-shadow:10px 20px 45px #35214435;z-index:1}
.cxhero-open-book:after{display:none}
.cxhero-open-book>.cxhero-print-page:first-child{position:relative;width:100%;height:auto;padding:0!important;border-radius:2px;background:#fff7ee;box-shadow:none;overflow:hidden}
.cxhero-print-page img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block;mix-blend-mode:normal;border-radius:2px}
.cxhero-phase-label{position:absolute;left:12px;bottom:9px;z-index:4;border-radius:5px;padding:4px 7px;background:#fffdf7e8;color:#615744;font-size:10px;font-weight:600;letter-spacing:.01em;pointer-events:none}
.cxhero-ending{inset:auto 12px 8px auto;z-index:5;background:none;backdrop-filter:none}.cxhero-ending>button{font-size:11px;padding:6px 10px;border-radius:7px;gap:8px}.cxhero-ending>button>span{font-size:16px}
.cxhero-controls{min-height:56px;border-radius:12px;box-shadow:0 8px 16px #12213614}.cxhero-control-group>button{width:44px;min-height:44px}
.cxhero-controls .cxhero-read{min-width:0;white-space:normal;text-align:center}.cxhero-read>span{min-width:0}
.cx-marketing .cxh5:has(.cxhero-demo)>.cxh5-backdrop{display:none}
@media(max-width:1100px) and (min-width:701px){.cx-marketing .cxh5-inner:has(>.cxhero-demo){--cxhero-preview-height:430px}.cxhero-viewport{height:430px}.cxhero-print-stage{inset:18px 26px 32px 20px}}
@media(max-width:700px){.cx-marketing .cxh5-inner:has(>.cxhero-demo)>.cxh5-intro{min-height:0}.cxhero-viewport{height:clamp(330px,95vw,460px)}.cxhero-player .cxhero-viewport{order:1}.cxhero-player .cxhero-progress{order:2}.cxhero-player .cxhero-controls{order:3}.cxhero-player .cxhero-reader-status{order:4}.cxhero-print-stage{inset:18px 23px 30px 11px}.cxhero-closed-book{width:60%}.cxhero-phase-label{font-size:9px;bottom:7px;left:9px}.cxhero-cover-v2:before{font-size:20px;right:26px;top:22px}.cxhero-cover-v2:after{font-size:15px;left:5px;bottom:32px}}
@media(max-width:360px){.cxhero-read svg{display:none}}
@media(max-height:320px){.cxhero-print-stage{inset:6px 15px 16px 10px}.cxhero-open-book{padding:3px}.cxhero-phase-label{font-size:8px;bottom:5px}.cxhero-cover-v2:before,.cxhero-cover-v2:after{display:none}.cxhero-controls{border-radius:0;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.cxhero-cover{transition:none}.cxhero-pages{will-change:auto}}

/* The camera works in source pixels; compressed artwork is reused unchanged. */
.cxhero-pages{width:var(--cxhero-source-width,1024px);max-width:none}