.page-carousel{--page-width:clamp(264px, 25vw, 352px);--page-step:clamp(200px, 20vw, 284px);--page-height:clamp(480px, 47vw, 660px);width:100%;scroll-margin-top:112px}.page-carousel-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.page-carousel-heading h3{font-family:var(--cn-title-font);margin:12px 0 0;font-size:clamp(28px,3vw,46px)}.page-carousel-heading>a{color:var(--muted);border-bottom:1px solid var(--line);flex-shrink:0;padding-bottom:6px;font-size:14px}.page-carousel-heading>a:hover{color:var(--accent)}.page-carousel-stage{height:calc(var(--page-height) + 48px);cursor:grab;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.page-carousel-stage.is-dragging{cursor:grabbing}.page-carousel-stage:focus-visible{outline:1px solid var(--accent);outline-offset:-4px}.page-carousel-deck{height:100%;transform:translateX(var(--page-drag,0px));transition:transform .45s;position:relative}.is-dragging .page-carousel-deck{transition:none}.page-carousel-card{width:var(--page-width);height:var(--page-height);transform:translateX(calc(-50% + var(--page-offset) * var(--page-step))) perspective(950px) rotateY(var(--page-angle)) scale(var(--page-scale));align-items:center;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s;display:flex;position:absolute;top:24px;left:50%}.page-carousel-paper{width:min(100%, calc(var(--page-height) * var(--page-ratio)));background:#fff;border:1px solid #ffffff29;border-radius:7px;margin-inline:auto;display:block;overflow:hidden;box-shadow:0 16px 40px #0006}.page-carousel-paper img{width:100%;height:auto;display:block}.page-carousel-paper:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.page-carousel-bottom{grid-template-columns:1fr auto;align-items:center;gap:18px 32px;display:grid}.page-carousel-caption{align-items:center;gap:20px;display:flex}.page-carousel-caption>span{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.page-carousel-caption h4{margin:0;font-size:18px;font-weight:500}.page-carousel-controls{align-items:center;gap:10px;display:flex}.page-carousel-controls button{border:1px solid var(--line);background:var(--surface);min-width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;padding:0 14px;font-size:18px}.page-carousel-controls .page-carousel-play{border-radius:30px;font-size:14px}.page-carousel-controls button:hover{border-color:var(--accent);color:var(--accent)}.page-carousel-controls button:disabled{cursor:default;opacity:.65}:is(.page-carousel-controls button:focus-visible,.page-carousel-dots button:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.page-carousel-dots{grid-column:1/-1;justify-content:center;gap:3px;display:flex}.page-carousel-dots button{cursor:pointer;background:0 0;border:0;width:28px;height:32px;padding:0;position:relative}.page-carousel-dots button:before{content:"";background:var(--muted);border-radius:50%;width:5px;height:5px;transition:background .2s,width .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-carousel-dots button[aria-current=true]:before{background:var(--accent);border-radius:6px;width:18px}.page-carousel-group{flex-direction:column;gap:clamp(100px,10vw,180px);display:flex}.page-carousel-group+.page-carousel-group{border-top:1px solid var(--line);padding-top:clamp(70px,7vw,110px)}.long-page-originals{margin-top:0}.long-page-originals>summary{cursor:pointer;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);padding-block:22px;font-size:16px}.long-page-originals[open]>summary{margin-bottom:52px}.long-page-originals>.flat-group{width:100%}@media (max-width:680px){.page-carousel{--page-width:min(66vw, 300px);--page-step:56vw;--page-height:min(124vw, 564px)}.page-carousel-heading{flex-direction:column;align-items:start;gap:14px}.page-carousel-heading h3{font-size:28px}.page-carousel-bottom{flex-direction:column;gap:18px;display:flex}.page-carousel-caption{gap:12px}.page-carousel-caption h4{font-size:16px}.page-carousel-dots{flex-wrap:wrap;gap:0}.page-carousel-dots button{width:26px}}@media (prefers-reduced-motion:reduce){.page-carousel-card,.page-carousel-deck{transition:none}}