/* Online guide reader */
.gr{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;background:#e9dfd2;color:var(--espresso)}
.gr::backdrop{background:rgba(30,20,14,.7)}
.gr[open]{display:grid;grid-template-rows:auto 1fr auto}
.gr-bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--espresso);color:#f6e6d8}
.gr-title{display:grid;min-width:0;flex:1}
.gr-title small{font:800 10px var(--sans);letter-spacing:.14em;color:#e6c3a8}
.gr-title b{font:700 19px var(--serif);color:#fff8ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-icon,.gr-fit,.gr-close{min-height:38px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff8ef;font:800 15px var(--sans);cursor:pointer}
.gr-icon{width:38px;display:grid;place-items:center;padding:0}
.gr-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.gr-fit{min-width:58px;padding:0 10px;font-size:13px}
.gr-close{padding:0 16px}
.gr-icon:hover,.gr-fit:hover,.gr-close:hover{background:rgba(255,255,255,.16)}
.gr-zoom{display:flex;gap:6px}
.gr-pagebox{display:flex;align-items:center;gap:6px;font:600 13px var(--sans);color:#e6cdb9;white-space:nowrap}
.gr-pagebox input{width:58px;min-height:34px;padding:0 6px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.08);color:#fff8ef;font:700 14px var(--sans);text-align:center}
.gr-body{position:relative;display:flex;min-height:0}
.gr-toc{flex:0 0 280px;overflow:auto;padding:16px 12px;background:#fffaf2;border-right:1px solid var(--line)}
.gr-toc[hidden]{display:none}
.gr-toc>b{display:block;margin:0 8px 10px;font:700 18px var(--serif)}
.gr-toc button{display:flex;justify-content:space-between;gap:10px;width:100%;padding:8px;border:0;border-radius:8px;background:none;color:var(--brown);font:600 14px var(--sans);text-align:left;cursor:pointer}
.gr-toc button.lvl1{padding-left:22px;font-weight:500;font-size:13px}
.gr-toc button:hover{background:#f7ede0;color:var(--espresso)}
.gr-toc em{font-style:normal;color:var(--muted)}
.gr-pages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.gr-page{position:relative;flex:0 0 auto;max-width:100%;background:#fff;box-shadow:0 10px 30px rgba(46,31,23,.18);display:grid;place-items:center}
.gr-page>span{font:700 22px var(--serif);color:#d9c7b6}
.gr-page canvas{display:block;max-width:100%;height:auto!important;pointer-events:none}
.gr-loading{margin:auto;max-width:440px;padding:30px;text-align:center;color:var(--brown)}
.gr-loading b{display:block;margin-bottom:6px;font:700 20px var(--serif);color:var(--espresso)}
.gr-licence{margin:0;padding:8px 18px;background:#fffaf2;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}
@media (max-width:900px){.gr-toc{position:absolute;inset:0 auto 0 0;z-index:2;width:min(300px,85vw);box-shadow:10px 0 30px rgba(0,0,0,.2)}}
@media (max-width:640px){.gr-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.gr-title{order:1;flex-basis:calc(100% - 140px)}.gr-close{order:2}.gr-icon[id]{order:0}.gr-pagebox{order:3}.gr-zoom{order:4;margin-left:auto}.gr-pages{padding:10px}}
/* No printing while a guide is open */
@media print{body.gr-open *{display:none!important}body.gr-open::after{content:"Bandcrest guides can be read online only.";display:block;padding:40px;font:16px Helvetica,Arial,sans-serif}}