:root{color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#302a25;color:#fff4df}
*{box-sizing:border-box}
body{margin:0}
button,select{font:inherit}
button,a,select{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.5}
a{color:inherit;text-underline-offset:.18em}
:focus-visible{outline:3px solid #efc968;outline-offset:4px}
.tools{display:flex;align-items:center;justify-content:center;gap:.65rem 1rem;flex-wrap:wrap;padding:1rem}
.tools button,.tools select{min-height:44px;padding:.55rem .85rem;color:#251d15;background:#f5e8cc;border:1px solid #a18d69;border-radius:.3rem}
.tools label{display:flex;align-items:center;gap:.5rem;min-width:0}
.tools select{max-width:min(52vw,32rem);text-overflow:ellipsis}
#newspaper{max-width:1350px;margin:auto;padding:0 clamp(.5rem,2vw,2rem)}
.edition-heading{text-align:center;margin:.8rem auto 1.25rem}
.edition-heading h1{font:700 clamp(1.5rem,3.2vw,2.7rem)/1.1 Georgia,serif;margin:.4rem 0;overflow-wrap:anywhere}
.edition-heading p{margin:.4rem 0}
#news-status{text-align:center;line-height:1.5}
#news-status:empty{display:none}
#spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;perspective:1800px;touch-action:pan-y}
#spread.single{grid-template-columns:minmax(0,1fr);max-width:1050px;margin:auto}
.image-page{min-width:0;transform-origin:left center}
.image-page:nth-child(2){transform-origin:right center}
.open-page{padding:0;border:0;display:block;width:100%;color:inherit;background:transparent;cursor:zoom-in}
.open-page img{display:block;width:100%;height:auto;box-shadow:0 8px 24px #0008}
.open-page img:not([src]){display:none}
.image-page>p{line-height:1.5;text-align:center}
.image-page>p:empty{display:none}
.folio{font-size:.85rem;color:#e3d6bc}
.retry-page{display:block;margin:auto;padding:.6rem}
.retry-page[hidden]{display:none}
#reader{width:min(96vw,1500px);max-height:95dvh;border:1px solid #a18d69;background:#302a25;color:#fff4df;padding:.65rem}
#reader::backdrop{background:#15100dd9}
#reader-title{font-size:1rem;text-align:center;margin:.5rem}
#reader-canvas{overflow:auto;max-height:72dvh;background:#f5e8cc}
#reader-image{display:block;max-width:none;height:auto;margin:0}
#zoom-value{min-width:3rem;text-align:center}
footer{font-size:.9rem}
@media(max-width:720px){#spread{grid-template-columns:minmax(0,1fr)}.tools{padding:.75rem;gap:.6rem;font-size:.9rem}.tools label{flex-wrap:wrap;justify-content:center}.tools select{max-width:92vw}#reader-canvas{max-height:70dvh}}