#overlay[data-screen=zoom]:has(.flip-content){max-inline-size:min(1060px,calc(100vw - 28px))}
.flip-content{padding:clamp(16px,3vw,34px);min-width:0}
.flip-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;padding-inline-end:34px}
.flip-heading h2{margin:5px 0;color:#183d31;font-size:clamp(30px,4vw,50px);line-height:1.2}
.flip-heading p{margin:0;color:#66776d;font:400 17px/1.4 sans-serif}
.flip-edition{flex:none;padding:8px 13px;border-radius:999px;color:#557067;background:#e9eee5;font:600 12px/1.2 sans-serif}
.flip-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 14px}
.flip-tabs button{border:1px solid #abc1b3;border-radius:999px;background:transparent;padding:10px 16px;color:#315d4a;cursor:pointer;font:600 14px/1.3 sans-serif}
.flip-tabs button[aria-pressed=true]{background:#194735;border-color:#194735;color:#fff}
.flip-image-wrap{position:relative;background:#f2eee5;border-radius:24px;padding:clamp(12px,2vw,20px)}
.flip-scroll{height:min(59dvh,620px);min-height:290px;overflow:auto;display:flex;align-items:flex-start;justify-content:safe center;border-radius:17px;background:radial-gradient(circle at center,#fffefb,#f6f2e8)}
.flip-scroll img{display:block;width:calc(min(100%,560px) * var(--flip-scale));max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 15px 17px #183d3121)}
.flip-zoom-controls{position:absolute;inset:auto 28px 28px auto;display:flex;align-items:center;gap:3px;border-radius:999px;background:#fffef7;box-shadow:0 8px 28px #1a423526;padding:4px;color:#1d4b3b;font:600 13px/1.1 sans-serif}
.flip-zoom-controls button{min-width:36px;min-height:34px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:600 17px/1 sans-serif}
.flip-zoom-controls button:hover{background:#e8efe7}.flip-zoom-controls button:disabled{opacity:.4;cursor:default}
.flip-zoom-controls output{min-width:46px;text-align:center}
.flip-caveat{margin:15px 0;color:#607267;font-size:13px;line-height:1.6}
.flip-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.flip-footer a{color:#285a46;text-decoration:underline;font-size:14px}
@media(max-width:600px){.flip-heading{display:block}.flip-edition{display:inline-block;margin-top:9px}.flip-scroll{height:47dvh;min-height:250px}.flip-scroll img{width:calc(min(100%,40dvh) * var(--flip-scale))}.flip-zoom-controls{inset:auto 18px 18px auto}.flip-tabs button{padding:8px 10px;font-size:12px}}