html.guide-reader-open{overflow:hidden}
#guide-reader{padding:0;margin:auto;border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:transparent;color:white;overflow:hidden}
#guide-reader[open]{display:flex;flex-direction:column}
#guide-reader::backdrop{background:rgba(10,22,38,.85)}
#guide-reader:fullscreen{background:rgba(10,22,38,.96)}
.reader-header{display:flex;align-items:center;gap:18px;flex:none;min-height:48px;padding:4px 16px;background:#132339;color:white;box-sizing:border-box}
#reader-title{font:600 14px/1.3 'Public Sans',sans-serif;margin:0;color:white;white-space:nowrap}
.reader-toolbar{display:flex;align-items:center;gap:6px;margin-left:auto}
#guide-reader button,#guide-reader select,#guide-reader a{font:500 13px/1.3 'Public Sans',sans-serif;min-height:36px;border:0;border-radius:4px;background:transparent;color:white;padding:6px 8px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px}
#guide-reader select{background:#132339;padding:4px;max-width:105px}
#guide-reader button:disabled{opacity:.2;cursor:default}
#guide-reader button:hover:not(:disabled),#guide-reader a:hover{background:#ffffff18}
#guide-reader :focus-visible{outline:2px solid #ff451d;outline-offset:2px}
#guide-reader [hidden]{display:none!important}
[data-reader-status]{font-size:13px;white-space:nowrap;color:#dce3eb}
.reader-zoom{display:flex;align-items:center;gap:3px}
.reader-stage{position:relative;flex:1;min-height:0;display:flex;padding:10px 52px 12px}
.reader-pages{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.reader-spread{display:flex;align-items:flex-start;justify-content:center;gap:2px;width:max-content;min-width:100%;min-height:100%}
.reader-page{flex:none;width:var(--reader-page-width);margin:0;background:white;color:#132339;box-shadow:0 2px 12px #0003;cursor:pointer}
.reader-page img{display:block;width:100%;height:auto;max-width:none}
.reader-pages.is-zoomed .reader-page{cursor:default}
#guide-reader .reader-arrow{position:absolute;top:0;bottom:0;width:48px;padding:0;border-radius:0;text-shadow:0 1px 5px #000;background:transparent}
.reader-arrow svg{width:26px;height:36px;filter:drop-shadow(0 1px 3px #000)}
.reader-arrow-left{left:2px}.reader-arrow-right{right:2px}
.reader-accessible-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:pre-wrap}
.reader-notice{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#132339;color:white;border-radius:5px;padding:8px 14px;font-size:13px;text-align:center;pointer-events:none}
.reader-notice:empty{display:none}
@media(max-width:700px){.reader-header{gap:7px;padding:4px 7px;flex-wrap:wrap}#reader-title{font-size:13px}.reader-toolbar{gap:0}#guide-reader button,#guide-reader a{padding:6px;min-width:34px}.reader-zoom>svg{display:none}#guide-reader select{max-width:83px;font-size:12px}.reader-stage{padding:8px 30px}#guide-reader .reader-arrow{width:28px}.reader-arrow svg{width:19px}.reader-arrow-left{left:0}.reader-arrow-right{right:0}[data-reader-status]{font-size:12px}}
@media(max-width:440px){.reader-header [data-reader-status]{order:3;width:100%;text-align:center;padding-bottom:3px}.reader-toolbar{gap:0}#reader-title{margin-right:auto}}
/* Quiet text controls; navigation follows the actual page edges. */
.reader-toolbar{gap:14px}
.reader-zoom{gap:7px;font:500 13px/1.3 'Public Sans',sans-serif}
.reader-page-controls{display:flex;align-items:center;gap:8px}
#guide-reader .reader-page-controls button{font-size:24px;font-weight:600;padding:2px 8px;min-width:32px}
#guide-reader .reader-arrow{top:10px;bottom:auto;height:var(--page-height,calc(100% - 22px))}
#guide-reader .reader-arrow-left{left:calc(4px + var(--edge-extra,0px))}
#guide-reader .reader-arrow-right{right:calc(4px + var(--edge-extra,0px))}
.reader-arrow svg{stroke-width:2.8;width:30px;height:38px}
#guide-reader [data-reader-fullscreen] svg{stroke-width:2;width:20px;height:20px}
@media(max-width:700px){.reader-toolbar{gap:5px}.reader-header{justify-content:space-between}.reader-toolbar{flex-basis:100%;justify-content:center;margin-left:0}.reader-page-controls{margin-left:auto}#guide-reader .reader-arrow{top:8px}#guide-reader .reader-arrow-left{left:calc(2px + var(--edge-extra,0px))}#guide-reader .reader-arrow-right{right:calc(2px + var(--edge-extra,0px))}.reader-arrow svg{width:22px}.reader-zoom{gap:4px}}
@media(max-width:440px){.reader-header [data-reader-status]{order:initial;width:auto;padding:0}.reader-page-controls{gap:2px}}

/* The magnifier belongs to the select, so its entire area opens the menu. */
#guide-reader .reader-zoom select{background-color:#132339;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.8'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:8px center;background-size:17px;padding-left:32px;max-width:140px;cursor:pointer}
#guide-reader .reader-zoom select:hover{background-color:#26364b}