.guide-reader{position:fixed;inset:0;z-index:30;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr);background:#f7fafc}.guide-reader__title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.guide-reader__navigation{min-height:64px;padding:max(8px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce4e8}.guide-reader__brand{--brand-logo-width:190px;display:flex;align-items:center}.guide-reader__header{border-bottom:1px solid #dce4e8;background:#f7fafc}.guide-reader__compact{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 16px;cursor:pointer;list-style:none}.guide-reader__compact::-webkit-details-marker{display:none}.guide-reader__compact .guide-reader__brand{--brand-logo-width:140px}.guide-reader__menu-label{color:#173c4c;font-size:14px}.guide-reader__menu-label>span{display:inline-block;margin-left:6px}.guide-reader__header[open] .guide-reader__menu-label>span{transform:rotate(180deg)}.guide-reader__header:not([open])>:not(summary){display:none!important}.guide-reader__header .guide-reader__navigation{min-height:44px;justify-content:center;padding:0 16px;border:0}.guide-reader__tools{display:flex;justify-content:center;gap:12px;padding:4px 16px 12px}.guide-reader__tools button{min-height:44px;padding:8px 20px;border:1px solid #cfdbd7;border-radius:12px;background:white;color:#173c4c;font:inherit;cursor:pointer}.guide-reader__compact:focus-visible,.guide-reader__tools button:focus-visible{outline:2px solid #0f6974;outline-offset:-3px}.guide-reader__navigation>div{display:flex;gap:18px}.guide-reader__navigation a{min-height:44px;display:inline-flex;align-items:center;color:#173c4c;text-decoration:none;font-size:14px}.guide-reader__navigation a:focus-visible{outline:2px solid #0f6974;outline-offset:2px}.guide-reader__frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.guide-reader__error{position:absolute;top:70px;left:16px;right:16px;z-index:1;padding:12px;background:#fff8ec;color:#503e26}@media (max-width:600px){.guide-reader__brand{--brand-logo-width:140px}.guide-reader__navigation{min-height:60px;padding-inline:12px}.guide-reader__navigation>div{gap:14px}}