.cover-enlarge{display:block;justify-self:center;max-width:100%;cursor:zoom-in;border-radius:.2rem}.cover-enlarge:focus-visible{outline:4px solid #bd6b35;outline-offset:6px}.cover-enlarge img{transition:filter .15s}.cover-enlarge:hover img{filter:brightness(1.05)}.cover-viewer.cover-viewer{position:fixed;inset:0;width:min(96vw,1500px);height:94vh;height:94dvh;max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:12px;background:#f7f1e5;color:#28241f;box-shadow:0 15px 80px #0008;overflow:hidden}.cover-viewer[open]{display:flex;flex-direction:column}.cover-viewer::backdrop{background:#17110ee0}.cover-viewer-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #d4c9b5;background:#f7f1e5;z-index:1}.cover-viewer-toolbar h2{font:600 18px/1.4 Arial,sans-serif;margin:0;max-width:65%;letter-spacing:0}.cover-viewer-toolbar>div{display:flex;gap:10px;flex-shrink:0}.cover-viewer-toolbar button{min-height:46px;padding:10px 16px;border:1px solid #86745f;border-radius:6px;font:600 17px/1.3 Arial,sans-serif;cursor:pointer;background:#fffaf1;color:#352a20}.cover-viewer-toolbar [data-cover-close]{background:#9e3325;color:#fff;border-color:#9e3325}.cover-viewer-toolbar button:focus-visible{outline:3px solid #b65b24;outline-offset:3px}.cover-viewer-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;display:flex;align-items:flex-start;justify-content:center}.cover-viewer-scroll img{display:block;object-fit:contain;width:auto;height:100%;max-width:100%;box-shadow:0 4px 22px #0003}.cover-viewer-zoomed .cover-viewer-scroll{display:block}.cover-viewer-zoomed .cover-viewer-scroll img{width:1200px;max-width:none;height:auto;margin:auto}.cover-viewer-open{position:fixed;top:var(--cover-scroll-position);width:100%;overflow:hidden}
@media(max-width:700px){.cover-viewer.cover-viewer{width:100%;height:100vh;height:100dvh;border-radius:0}.cover-viewer-toolbar{padding:calc(10px + env(safe-area-inset-top)) 12px 10px;flex-wrap:wrap;gap:8px}.cover-viewer-toolbar h2{font-size:15px;max-width:100%;width:100%}.cover-viewer-toolbar>div{width:100%;justify-content:space-between}.cover-viewer-toolbar button{font-size:16px;min-height:46px}.cover-viewer-scroll{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.cover-viewer-zoomed .cover-viewer-scroll img{width:1000px}}
@media(prefers-reduced-motion:reduce){.cover-enlarge img{transition:none}}