/* Staging skin for the plain book and the gallery: loaded AFTER their own
   stylesheets, changes look only. Every function they have stays. */
:root { --sign: "Barlow Semi Condensed", Bahnschrift, "DIN Alternate", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;
        --serif: "TeX Gyre Pagella", "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; }
:root { --thx-font-body: var(--sign); --thx-font-headline: var(--sign); }
.cover-title, .chapter-title, .site-header-title, .gallery-title, h1, h2 { font-family: var(--sign); }
.voice-caption, .voice-condensed-bold { font-family: "Barlow Semi Condensed", 'Bahnschrift Light', var(--thx-font-body), sans-serif; }
.chapter-body, .cover-blurb { font-family: var(--serif); font-size: 1.08em; line-height: 1.7; }
.next-banner { background: center / cover no-repeat; }
.cover .next-banner { height: 44vh; margin: calc(-1 * var(--thx-space-9)) calc(50% - 50vw) 2.5rem; -webkit-mask-image: linear-gradient(#000 55%, transparent); mask-image: linear-gradient(#000 55%, transparent); }
.reading-column .next-banner { height: 190px; border-radius: 3px; margin: 0 0 1.6rem; }
.cover-title { text-transform: uppercase; font-stretch: 78%; font-size: clamp(2.6rem, 8vw, 5rem); line-height: .95; }
.chapter-title { text-transform: uppercase; font-stretch: 82%; letter-spacing: .01em; border-radius: 2px; }
.next-links { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; margin: 1rem 0 0; }
.next-links a { font-family: var(--sign); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; padding: .6rem 1rem; border-radius: 2px; box-shadow: inset 0 0 0 1px currentColor; }
.print-link { display: none; }

/* the book's cover on its first page: a press turns it over */
.next-cover { width: min(300px, 68vw); margin: -1rem auto 2.6rem; perspective: 1600px; }
.turn-toggle { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.next-cover .cover3d { display: block; aspect-ratio: 2 / 3; width: 100%; cursor: pointer; }
.next-cover .cover3d-in { position: relative; display: block; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 1s cubic-bezier(.3,.7,.2,1); box-shadow: 0 40px 80px -30px rgba(0,0,0,.85); }
.next-cover .cover3d img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; backface-visibility: hidden; border-radius: 2px 4px 4px 2px; }
.next-cover .cover-back { transform: rotateY(180deg); }
.next-cover .cover3d:hover .cover3d-in { transform: rotateY(-8deg); }
.turn-toggle:checked + .cover3d .cover3d-in { transform: rotateY(180deg); }
.turn-toggle:checked + .cover3d:hover .cover3d-in { transform: rotateY(188deg); }
.turn-toggle:focus-visible + .cover3d { outline: 3px solid #ffb86b; outline-offset: 6px; border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .next-cover .cover3d-in { transition: none; } }

/* the shared Muugart bar (48px) and footer replace the book's and the gallery's own */
:root { --br-header-h: 48px; --br-footer-h: 0px; --gal-header-h: 48px; --gal-footer-h: 0px; }
/* the dark Muugart look, the same night blue as the home page */
:root[data-theme="dark"] {
  --br-bg: #0b0d14; --br-bg-warm: #0b0d14; --br-text: #efe9df; --br-text-muted: #a9a59c;
  --br-surface: #141824; --br-divider: rgba(255,255,255,.12); --br-accent: #ffb86b; --br-accent-hover: #ffb86b;
  --gal-bg: #0b0d14; --gal-bg-warm: #0b0d14; --gal-text: #efe9df; --gal-text-muted: #a9a59c;
  --gal-surface: #141824; --gal-accent: #ffb86b; --gal-accent-hover: #ffb86b;
}