
/* Two paper leaves, a quiet spine, and a physical page turn. */
.rj-flipbook{max-width:1320px;margin:auto;padding:26px 34px 70px}.flip-intro .backlink{margin-bottom:25px}.flip-title-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.flip-title-row h1{font:400 clamp(38px,4.5vw,60px)/1.1 var(--disp);letter-spacing:-.025em;margin:12px 0}.flip-title-row h1 em{color:var(--clay)}.flip-title-row p{color:var(--ink2);font-size:15px;line-height:1.6;margin:0}.flip-description{text-align:right}.flip-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 22px}.flip-controls label{display:flex;align-items:center;gap:12px;font:11px var(--ui);color:var(--ink2)}.flip-controls select{max-width:400px;padding:10px 30px 10px 12px;font:12px var(--ui);background:var(--page);border:1px solid var(--line);border-radius:8px;color:var(--ink)}.flip-controls button{min-width:112px;min-height:44px}.flip-controls button:disabled{opacity:.35;cursor:default}.flip-stage{position:relative;perspective:2400px;isolation:isolate;border-radius:5px;outline-offset:8px;box-shadow:0 24px 48px #352b1a16,0 3px 5px #352b1a15;border-bottom:6px double var(--line2);touch-action:pan-y}.flip-spread{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.flip-page{position:relative;box-sizing:border-box;padding:30px 42px 54px;background:var(--page);color:var(--ink);min-width:0}.flip-left{border-radius:5px 0 0 5px;background:linear-gradient(to right,var(--page) 92%,color-mix(in srgb,var(--ink) 9%,var(--page)))}.flip-right{border-radius:0 5px 5px 0;background:linear-gradient(to right,color-mix(in srgb,var(--ink) 8%,var(--page)),var(--page) 7%)}.flip-running{display:block;font:9px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.flip-page figure{margin:0 0 22px}.flip-page figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}.flip-page h2{font:400 clamp(27px,2.8vw,40px)/1.18 var(--disp);letter-spacing:-.02em;margin:30px 0}.flip-prose p{font:17px/1.75 var(--body);margin:0 0 17px;color:var(--ink2)}.flip-right .flip-prose>p:first-child:first-letter{float:left;font:54px/.85 var(--disp);padding:8px 9px 0 0;color:var(--clay)}.flip-folio{position:absolute;bottom:22px;font:11px var(--ui);color:var(--ink3)}.flip-left .flip-folio{left:42px}.flip-right .flip-folio{right:42px}.flip-leaf{position:absolute;top:0;bottom:0;width:50%;z-index:5;transform-style:preserve-3d;pointer-events:none}.flip-forward{left:50%;transform-origin:left center}.flip-backward{left:0;transform-origin:right center}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--page);box-shadow:0 0 24px #352b1a22}.flip-face>.flip-page{min-height:100%}.flip-reverse{transform:rotateY(180deg)}.flip-below{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font:11px/1.6 var(--ui);color:var(--ink2)}.flip-status{margin:0}.flip-below>span{color:var(--ink3)}.flip-note{font:13px/1.7 var(--ui);color:var(--ink3);margin:30px 0 16px}.flip-notes{font-size:14px;color:var(--ink2);border-top:1px solid var(--line);padding-top:15px}.flip-notes summary{cursor:pointer;padding:10px 0}.flip-notes a{color:var(--clay)}
@media(max-width:1000px){.rj-flipbook{padding-inline:22px}.flip-page{padding:25px 28px 50px}.flip-prose p{font-size:16px;line-height:1.65}.flip-page h2{margin-top:24px}.flip-folio{bottom:20px}.flip-left .flip-folio{left:28px}.flip-right .flip-folio{right:28px}}
@media(max-width:740px){.rj-flipbook{padding:20px 16px 80px}.flip-title-row{display:block}.flip-description{display:none}.flip-controls{gap:10px;flex-wrap:wrap;margin-top:22px}.flip-controls label{order:-1;width:100%}.flip-controls select{max-width:100%;min-width:0;flex:1}.flip-controls button{min-width:110px}.flip-spread{grid-template-columns:1fr}.flip-page{padding:24px 25px 40px;background:var(--page)}.flip-left{border-radius:5px 5px 0 0}.flip-right{border-radius:0 0 5px 5px;border-top:1px solid var(--line)}.flip-prose p{font-size:17px;line-height:1.7}.flip-page h2{margin:20px 0}.flip-below{display:block}.flip-below>span{display:block;margin-top:8px}.flip-stage{perspective:none}.flip-folio{bottom:14px}}
@media(prefers-reduced-motion:reduce){.flip-leaf{display:none}}
@media print{.flip-controls,.flip-intro .backlink,.flip-below>span{display:none}.flip-stage{box-shadow:none}.flip-spread{display:block}.flip-page{break-inside:avoid;background:white;color:black}}
