.front-pages-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 0; }
.content .front-pages-heading h1 { font: 1.6rem Newsreader, Georgia, serif; margin: 0; }
.front-pages-heading p { margin: .25rem 0 0; color: var(--tblr-secondary); font-size: .85rem; }
.newspaper-deck.reveal { height: calc(100dvh - 270px); min-height: 420px; background: #e9e5dc; color: #282725; font: inherit; --r-background-color: #e9e5dc; --r-main-color: #282725; --r-link-color: #365d70; }
.newspaper-deck.reveal .slides { text-align: center; }
.newspaper-deck.reveal .slides > section { height: 100%; padding: 0; }
.newspaper-deck.reveal .slides > section > section { height: 100%; padding: 0; }
.newspaper-caption { height: 46px; display: flex; align-items: center; justify-content: center; gap: .7rem; font: .85rem system-ui, sans-serif; }
.newspaper-caption a { color: #365d70; text-decoration: underline; }
.newspaper-scan { display: block; height: auto; aspect-ratio: 1.5; max-height: calc(100% - 58px); margin: 0 auto; width: calc(100% - 100px); max-width: 1100px; overflow: auto; overscroll-behavior: contain; touch-action: pan-x pan-y pinch-zoom; box-shadow: 0 3px 12px #0003; }
.newspaper-deck.reveal .newspaper-scan img { display: block; width: calc(100% * var(--scan-zoom, 1)); height: auto; max-width: none; max-height: none; object-fit: cover; object-position: top; margin: 0 auto; box-shadow: 0 2px 12px #0003; }
.front-pages-batches { display: flex; justify-content: center; gap: 2rem; padding: 1rem; }
@media (max-width: 600px) {
    .front-pages-heading { align-items: flex-start; }
    .front-pages-heading p { max-width: 230px; }
    .newspaper-caption { gap: .5rem; font-size: .72rem; }
    .newspaper-scan { max-width: 100%; }
    .newspaper-deck.reveal { height: calc(100dvh - 220px); min-height: 350px; }
}

.newspaper-view-toggle { font: inherit; border: 1px solid #aaa69e; border-radius: 4px; background: transparent; color: inherit; padding: 3px 8px; cursor: pointer; }
.newspaper-view-toggle:hover { background: #fff8; }
.newspaper-page.is-full-page .newspaper-scan { height: calc(100% - 58px); aspect-ratio: auto; width: fit-content; max-width: calc(100% - 90px); box-shadow: none; }
.newspaper-deck.reveal .newspaper-page.is-full-page img { width: auto; height: 100%; max-width: 100%; object-fit: contain; }
@media (max-width: 600px) {
    .newspaper-caption { height: 65px; flex-wrap: wrap; align-content: center; column-gap: .6rem; row-gap: .2rem; }
    .newspaper-scan { width: calc(100% - 24px); max-height: calc(100% - 77px); }
}

.newspaper-zoom { display: inline-flex; align-items: center; gap: .3rem; }
.newspaper-zoom button { font: inherit; border: 1px solid #aaa69e; border-radius: 4px; background: #fff8; color: inherit; min-width: 28px; padding: 3px 6px; cursor: pointer; }
.newspaper-zoom button:disabled { opacity: .4; cursor: default; }
.newspaper-zoom output { min-width: 3em; font-variant-numeric: tabular-nums; }
.newspaper-scan:focus-visible { outline: 2px solid #365d70; outline-offset: 3px; }
@media (max-width: 900px) {
    .newspaper-caption { height: 82px; flex-wrap: wrap; align-content: center; gap: .4rem .7rem; }
    .newspaper-scan { max-height: calc(100% - 94px); }
    .newspaper-page.is-full-page .newspaper-scan { height: calc(100% - 94px); }
}