.journal-reader{max-width:1300px;margin:0 auto 65px;padding:25px 38px 35px;background:radial-gradient(ellipse at 50% 40%,#eee4d3,#c6b59b);border-radius:8px;box-shadow:inset 0 0 70px #69513625}.reader-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font:14px Arial,sans-serif}.reader-top a{color:#795532;text-underline-offset:4px}.leather{position:relative;padding:16px 18px 22px;background:linear-gradient(110deg,#68432d,#916442 35%,#4f3020 51%,#825535);border-radius:16px 20px 20px 14px;border:2px solid #53341f;box-shadow:0 20px 25px #39281850,inset 0 0 0 5px #ad80584d}.leather:after{content:'';position:absolute;right:-28px;top:43%;width:32px;height:95px;border-radius:0 9px 9px 0;background:linear-gradient(90deg,#533521,#976b45);box-shadow:3px 4px 7px #39281850}#flip-pages{display:flex;position:relative;perspective:2000px;background:#ddcdb1;box-shadow:0 3px #c5b79c,0 6px #e4d7be,0 9px #b9a88c}.leaf{position:relative;flex:1;min-width:0;min-height:760px;background:linear-gradient(90deg,#f6efdf 90%,#e6d9c0 98%,#cbbb9a);padding:35px 35px 42px}.leaf:nth-child(2){background:linear-gradient(90deg,#cbbb9a,#eee3cc 3%,#f6efdf 12%)}.leaf-content>small{font:11px Arial,sans-serif;letter-spacing:2px}.leaf h2{font-size:34px;margin:15px 0 20px}.leaf p{font-size:17px;line-height:1.7}.leaf aside,.leaf h3{font:500 30px/1.3 Caveat,cursive;color:#795532;margin:20px 0;transform:rotate(-2deg)}.mounted{background:#fffdf7;padding:9px 9px 7px;margin:20px 0;box-shadow:2px 5px 9px #40331c33;transform:rotate(-1deg)}.mounted img{display:block;width:100%;height:auto}.mounted figcaption{font:500 24px/1.3 Caveat,cursive;text-align:center;padding-top:6px}.mounted figcaption:empty{display:none}.note{padding:15px 20px;background:#eee1ba;transform:rotate(2deg);box-shadow:2px 4px 7px #38281825;margin-top:35px}.note p{font:500 27px/1.35 Caveat,cursive}.paperclip{position:absolute;top:-13px;right:45px;width:22px;height:73px;border:3px solid #908773;border-radius:14px;transform:rotate(12deg);box-shadow:2px 2px 2px #665b4240;z-index:3}.paperclip:after{content:'';position:absolute;inset:5px 4px 12px;border:2px solid #b5ac99;border-radius:9px}.sisters-layout{display:grid;grid-template-columns:2fr 1fr;gap:15px;align-items:start}.miniatures .mounted{margin:10px 0;padding:5px;transform:rotate(3deg)}.tall{margin-top:18px}.dog{max-width:340px;margin:0 auto 20px;transform:rotate(1deg)}.folio{position:absolute;bottom:12px;left:50%;font:12px Georgia,serif;color:#87745b}.turning{position:absolute!important;right:0;top:0;width:50%;height:100%;z-index:5;transform-origin:left center;backface-visibility:hidden;box-shadow:-12px 4px 25px #39281835}.reader-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:30px;font:14px Arial,sans-serif}.reader-controls button,.reader-controls select{font:14px Arial,sans-serif;padding:12px 17px;border:1px solid #79553277;border-radius:3px;background:#f6efdf;color:#483421;cursor:pointer}.reader-controls button:disabled{opacity:.4;cursor:default}.reader-controls button:focus-visible{outline:3px solid #795532;outline-offset:3px}.reader-controls select{max-width:100%}.story-label{text-align:center;margin:0 0 25px;font:13px Arial,sans-serif;letter-spacing:2px}@media(max-width:760px){.journal-reader{padding:20px 15px;margin-bottom:40px}.reader-top{font-size:12px}.leather{padding:9px 9px 14px}.leather:after{display:none}.leaf{padding:25px 22px 38px;min-height:740px}.leaf h2{font-size:30px}.leaf p{font-size:16px}.leaf aside{font-size:29px}.turning{width:100%}.reader-controls{gap:10px}.reader-controls button{padding:12px}.dog{max-width:300px}.note p{font-size:26px}}@media(min-width:761px) and (max-width:1000px){.leaf{padding:25px 23px 40px;min-height:820px}.leaf h2{font-size:28px}}