/* FIFV's Sinter, red and paper; the publication supplies the imagery. */
.magazine-page-view .page-heading { padding-block:clamp(24px,4vw,48px); }
.magazine-page-view .page-heading h1 { font-size:clamp(2.25rem,5vw,5rem); }
.magazine-page-view .page-content { max-width:1440px; padding-block:24px 56px; }
.magazine { --magazine-line:rgba(10,10,10,.25); font:400 16px/1.45 var(--font-body); }
.magazine [hidden] { display:none !important; }
.magazine-toolbar { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px 24px; border-top:1px solid var(--magazine-line); padding-block:12px; }
.magazine button,.magazine-toolbar .magazine-download { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; box-sizing:border-box; width:44px; height:44px; min-width:44px; min-height:44px; border:0; background:transparent; color:var(--fifv-black); padding:0; border-radius:0; font:400 16px/1.2 var(--font-body); text-decoration:none; cursor:pointer; }
.magazine button:hover:not(:disabled),.magazine-toolbar .magazine-download:hover { background:var(--fifv-red); color:var(--fifv-cream); }
.magazine button:disabled { opacity:.4; cursor:default; }
.magazine .magazine-toolbar button:disabled { border-color:transparent; border-style:solid; }
.magazine button svg,.magazine-toolbar .magazine-download svg { display:block; }
.magazine-navigation,.magazine-jump,.magazine-utilities { display:flex; align-items:center; gap:4px; }
.magazine-utilities { border-left:1px solid var(--magazine-line); padding-left:20px; }
.magazine-jump { gap:8px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.magazine-jump input { appearance:textfield; -moz-appearance:textfield; width:44px; height:44px; box-sizing:border-box; border:0; border-bottom:1px solid var(--magazine-line); border-radius:0; background:transparent; color:var(--fifv-black); padding:0 4px; text-align:center; font:400 16px var(--font-body); }
.magazine-jump input::-webkit-inner-spin-button,.magazine-jump input::-webkit-outer-spin-button { appearance:none; margin:0; }
.magazine-stage { height:min(68svh,800px); min-height:240px; position:relative; margin-block:0 16px; isolation:isolate; overflow:hidden; touch-action:pan-y pinch-zoom; }
.magazine-book { position:absolute !important; }
.magazine-book.is-ready { transition:margin-left 500ms ease; }
.magazine-page { background:#fff; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.2); }
.magazine-page img { display:block; width:100%; height:100%; object-fit:contain; user-select:none; }
.magazine-spine { position:absolute; inset:0; pointer-events:none; }
.magazine-page.even .magazine-spine { background:linear-gradient(to left,rgba(0,0,0,.2),transparent 5%); }
.magazine-page.odd .magazine-spine { background:linear-gradient(to right,rgba(0,0,0,.15),transparent 5%); }
.magazine-book[data-closed="true"] .magazine-spine,.magazine-book[data-single="true"] .magazine-spine { display:none; }
.magazine-book .shadow { box-shadow:0 0 20px rgba(0,0,0,.18); }
@media (prefers-reduced-motion:reduce) { .magazine-book.is-ready { transition:none; } .magazine-book { pointer-events:none; } }
.magazine-fallback { text-align:center; }
.magazine-fallback img { display:block; width:min(100%,400px); height:auto; margin:0 auto 16px; }
.magazine-reader:fullscreen { box-sizing:border-box; background:var(--fifv-cream); color:var(--fifv-black); padding:12px 24px; overflow:auto; }
.magazine-reader:fullscreen .magazine-stage { height:calc(100svh - 112px); }
.magazine-zoom { box-sizing:border-box; width:100%; max-width:1600px; height:96svh; max-height:96svh; padding:0; border:0; background:var(--fifv-cream); color:var(--fifv-black); }
.magazine-zoom::backdrop { background:rgba(0,0,0,.85); }
.magazine-zoom[open] { display:flex; flex-direction:column; }
.magazine-zoom-tools { display:flex; flex-shrink:0; align-items:center; gap:8px; padding:12px; border-bottom:1px solid var(--magazine-line); }
.magazine-zoom-tools p { margin:0 auto 0 0; font-variant-numeric:tabular-nums; }
.magazine-zoom-scroll { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
.magazine-zoom-scroll img { display:block; width:100%; max-width:none; height:auto; margin-inline:auto; }
@media (max-width:700px) {
  .magazine-stage { height:min(65svh,calc((100vw - 2 * var(--page-gutter)) * 1.231)); margin-block:0 12px; }
  .magazine-zoom-tools { flex-wrap:wrap; gap:6px; padding:8px; }
  .magazine-reader:fullscreen { padding-inline:12px; }
  .magazine-reader:fullscreen .magazine-stage { height:calc(100svh - 128px); }
}
@media (max-width:480px) { .magazine-toolbar { column-gap:8px; } .magazine-utilities { border:0; padding:0; } }
@media (max-width:359px) { .magazine-reader:fullscreen .magazine-stage { height:calc(100svh - 184px); } }