*{box-sizing:border-box}body{margin:0;background:#e8ebef;color:#142b41;font:16px system-ui,sans-serif;height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto}header,footer{background:#fafbfd;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,3vw,40px)}header{border-bottom:1px solid #c7d1d9}h1{font-size:clamp(16px,2vw,23px);margin:0}small{color:#476177}main{position:relative;min-height:0;overflow:hidden}#book{width:100%;height:100%;min-width:0!important;min-height:0!important}.paper{background:white;overflow:hidden}.paper img{width:100%;height:100%;display:block;pointer-events:none}.stf__wrapper{height:100%}#readerZoom{position:absolute;inset:0;background:#e8ebef;overflow:auto;text-align:center}#readerZoom img{display:block;width:max(115%,850px);margin:auto}
footer{justify-content:center;border-top:1px solid #c7d1d9;flex-wrap:wrap;gap:7px}button,a{font:inherit;color:inherit;background:white;border:1px solid #b3c3d0;border-radius:7px;padding:7px 11px;text-decoration:none;cursor:pointer}button:disabled{opacity:.35;cursor:default}button:hover:enabled,a:hover{background:#e7f0f7}output{text-align:center;min-width:84px;font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:3px solid #0277bf}#full[hidden]{display:none}@media(max-width:550px){footer{gap:5px;padding:7px 3px}button,a{padding:7px 9px}header{padding:8px 12px}}

#book .stf__block{transform:translateX(var(--cover-offset,0px));transition:transform .46s ease}
.paper img{object-fit:contain}
header nav{display:flex;align-items:center;gap:6px}
@media(prefers-reduced-motion:reduce){#book .stf__block{transition:none}}

header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(12px,2vw,28px)}
.gvv-logo{display:block;width:clamp(128px,13vw,190px);height:auto}
.issue-heading{overflow-wrap:anywhere}
@media(max-width:600px){
  header{grid-template-columns:auto minmax(0,1fr);gap:6px 12px}
  .gvv-logo{width:126px;grid-column:1;grid-row:1}
  header nav{grid-column:2;grid-row:1;justify-self:end}
  .issue-heading{grid-column:1/-1;grid-row:2}
}

#openingPage{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
#openingPage img{grid-area:1/1;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
#openingPage{grid-template: minmax(0,1fr)/minmax(0,1fr)}