:root{font-family:Arial,Helvetica,sans-serif;color:#263431;background:#f4f1eb;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid #deddd5;gap:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#866340}h1{font-family:Georgia,serif;font-size:30px;margin:5px 0 0;letter-spacing:-1px}h1 span{font:14px Arial;letter-spacing:0;color:#68706a}.issue{font-size:12px;font-weight:bold;letter-spacing:1.6px;text-align:right}.issue span{display:block;font-size:11px;font-weight:normal;letter-spacing:0;margin-top:7px;color:#707970}main{max-width:1400px;margin:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:10px}button{font:inherit;font-size:13px;min-height:40px;border:1px solid #c9cec6;border-radius:6px;background:#fff;padding:9px 14px;color:#263431;cursor:pointer}button:hover{background:#e8ede5}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b77927;outline-offset:3px}.jump,.tools{display:flex;align-items:center;gap:8px}.jump{font-size:12px}.jump input{width:54px;padding:8px;border:1px solid #c9cec6;border-radius:5px;font:inherit;background:white;color:#263431}#viewport{height:calc(100dvh - 270px);min-height:340px;max-height:1000px;overflow:auto;display:flex;align-items:flex-start;padding:16px 24px 24px;background:radial-gradient(ellipse at center,#e4e3d9,#efeee7);touch-action:pan-y;perspective:1800px}#book{position:relative;display:flex;flex-shrink:0;margin:auto;box-shadow:0 12px 28px #26343133;perspective:1800px}#book img.page{display:block;width:50%;height:100%;object-fit:contain;background:white}#book.single img.page{width:100%}#book:not(.single):after{content:"";position:absolute;left:calc(50% - 8px);top:0;width:16px;height:100%;background:linear-gradient(90deg,transparent,#0002,transparent);pointer-events:none}.leaf{position:absolute;top:0;height:100%;width:50%;transform-style:preserve-3d;z-index:3}.leaf img{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;object-fit:contain;background:white}.leaf .back{transform:rotateY(180deg)}nav{display:flex;justify-content:center;align-items:center;gap:24px;padding:15px 20px 0}#next{background:#315447;color:#fff;border-color:#315447}#status{font-size:13px;min-width:115px;text-align:center}.hint{text-align:center;font-size:11px;color:#687268;margin:11px 10px 14px}footer{display:flex;justify-content:space-between;gap:12px;padding:16px 32px;border-top:1px solid #deddd5;font-size:10px;letter-spacing:1.3px}footer a{color:#315447;letter-spacing:0}#thumbs{padding:16px 24px;max-height:260px;overflow:auto;background:#e3e5dc;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}#thumbs:not([hidden]){display:grid}#thumbs button{padding:5px;font-size:11px}#thumbs img{display:block;width:100%;aspect-ratio:5/8;object-fit:contain;margin-bottom:5px}#error{text-align:center;color:#922b18}body:fullscreen{overflow:auto;background:#f4f1eb}@media(max-width:640px){header{padding:14px 16px}h1{font-size:24px}h1 span{display:none}.eyebrow{font-size:8px;letter-spacing:1px}.issue{font-size:10px}.issue span{font-size:9px}.toolbar{padding:10px 12px;flex-wrap:wrap;gap:6px}button{padding:8px 10px;font-size:12px}.tools{gap:5px}.jump{gap:5px}#viewport{height:calc(100dvh - 250px);padding:12px;min-height:300px}footer{padding:14px 16px;font-size:8px}nav{gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.coupon-link{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;background:#315447;color:white;border-radius:6px;font-size:13px;text-decoration:none}.print-notice{display:none}#book img,#thumbs img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} @media(max-width:640px){.tools{width:100%;justify-content:center}.coupon-link{font-size:12px}#viewport{height:calc(100dvh - 295px)}}@media print{body>*{display:none!important}.print-notice{display:block!important;font:16px Arial;color:#000}}
