/**
 * Galata — galley reading pages (PDF viewer, HTML galley, issue galley):
 * a narrow bar in the theme's colours and the document in the rest of the
 * height. No site header or footer on these pages.
 */
html.galley-html{height:100%;padding:0;scroll-padding:0}
body.galata-galley{display:flex;flex-direction:column;height:100vh;height:100dvh;margin:0;overflow:hidden;background:var(--paper);color:var(--ink)}
.gbar{flex:none;display:flex;align-items:center;gap:12px;min-height:54px;padding-block:8px;padding-inline:max(14px,env(safe-area-inset-left,0px)) max(14px,env(safe-area-inset-right,0px));background:var(--brand);color:#fff;border-bottom:3px solid var(--accent)}
.gbar a{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:7px 14px;border-radius:var(--radius);font:600 .88rem var(--sans);text-decoration:none;white-space:nowrap}
.gbar .icon{width:16px;height:16px}
.gbar-back{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff}
.gbar-back:hover{background:rgba(255,255,255,.22);color:#fff}
.gbar-dl{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink)}
.gbar-dl:hover{filter:brightness(1.07);color:var(--accent-ink)}
.gbar-title{flex:1;min-width:0;margin:0;font:600 1rem/1.3 var(--serif);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbar-label{display:inline-block;margin-inline-end:10px;padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.16);font:700 .72rem/1.4 var(--sans);vertical-align:2px}
.gbar :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px var(--brand)}
.galley-notice{flex:none;padding:10px 16px;background:var(--tint);color:var(--ink);border-bottom:1px solid var(--line);font-size:.9rem}
.galley-notice a{color:var(--brand-text);font-weight:600}
.galley_view{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;background:var(--surface)}
.galley_view iframe{flex:1 1 auto;display:block;width:100%;height:100%;min-height:0;border:0;background:var(--surface)}
/* An HTML galley is a document of its own and expects a white page. */
#htmlContainer iframe{background:#fff;color-scheme:light}
.galley-noscript{margin:0;padding:24px 16px;text-align:center}
@media (max-width:560px){
  .gbar{gap:8px}
  .gbar a{padding:7px 10px}
  .gbar a>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gbar-title{font-size:.92rem}
}
@media (forced-colors:active){
  .gbar a{border:1px solid ButtonText}
}
@media print{
  .gbar a{display:none}
}