/* ---------------------------------------------------------- Edge‑only fallback for 3D page flips Applies when is present ---------------------------------------------------------- */ /* Neutralize all 3D transform features in Edge */ html.edge .content, html.edge .page, html.edge .journalCover, html.edge .endCover, html.edge .pageFront, html.edge .pageBack { transform: none !important; transform-style: flat !important; backface-visibility: visible !important; } /* Shared flip animation settings */ html.edge .content.flipped, html.edge .page.flipped, html.edge .journalCover.flipped, html.edge .endCover.flipped { transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); opacity: 0; position: relative; z-index: 999; /* ensure page turns on top */ } /* ---------------------------------------------------------- Directional motion Journals + Notebooks share the same flip logic ---------------------------------------------------------- */ /* Right‑side pages flip right→left (slide left) */ html.edge .content.flipped, html.edge .page.flipped { transform: translateX(-25%); } /* Left‑side pages flip