/* Three small book gestures. Content, controls and scrolling stay native. */
.discovery-page-sheet{position:relative;transform-origin:0 50%;padding-left:18px;isolation:isolate}
.discovery-page-edge{position:absolute;inset:8px auto 8px 0;width:7px;border-left:1px solid #e8c58580;border-right:1px solid #e8c58525;border-radius:8px;background:linear-gradient(90deg,#edcd9730,#e1bb7310 55%,transparent);pointer-events:none;z-index:-1}
.discovery-page-sheet>ul{position:relative;z-index:1}

.discovery-theme-surface{position:relative;isolation:isolate;overflow:hidden}
.discovery-theme-surface>article{position:relative;z-index:2}
.discovery-theme-layer{position:absolute;pointer-events:none;z-index:0;border-radius:inherit}
.discovery-theme-light{inset:8% -12%;background:radial-gradient(ellipse at 48% 50%,#f6ca6c38 0%,#e5ad4c12 42%,transparent 72%);opacity:.35;transform:scaleX(1.08)}
.discovery-theme-veil-left{inset:0;background:linear-gradient(90deg,#0a1729cf,#1b304535 56%,transparent 82%);opacity:.12;transform:translateX(-18px)}
.discovery-theme-veil-right{inset:0;background:linear-gradient(270deg,#0a1729c7,#1b30452e 56%,transparent 82%);opacity:.12;transform:translateX(18px)}

.discovery-letter{position:relative;isolation:isolate;perspective:900px}
.discovery-letter-flap{position:absolute;left:8%;right:8%;top:-35px;height:36px;z-index:-1;transform-origin:50% 100%;background:linear-gradient(145deg,#e3bf7e66,#a5773e40);border:1px solid #d0ad6b50;border-radius:9px;clip-path:polygon(0 100%,50% 0,100% 100%);opacity:.72;pointer-events:none;backface-visibility:hidden}
.discovery-letter-heading{position:relative;display:table;max-width:100%}
.discovery-letter-heading:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:2px;border-radius:99px;background:linear-gradient(90deg,#a5773e90,#e1bc6b80,transparent);transform:scaleX(0);transform-origin:left;transition:transform 220ms cubic-bezier(.22,.68,.2,1);pointer-events:none}
.discovery-writing .discovery-letter-heading:after{transform:scaleX(1)}

.motion-paused .discovery-letter-heading:after{transition:none}
@media(prefers-reduced-motion:reduce){.discovery-letter-heading:after{transition:none}}