.reader-realm-page>.realm-site-navigation{position:sticky;top:0;z-index:50;box-sizing:border-box;padding:8px 14px;background:linear-gradient(90deg,#061c22f5,#102b2df0);border-bottom:1px solid #d2ac6355;text-align:left}
dialog.reader-realm-page .realm-site-navigation button{min-height:44px;padding:9px 14px;border:1px solid #d2ac63;border-radius:6px;background:#103139;color:#ffe4a5;font:700 1rem/1.3 Georgia,serif;cursor:pointer}
.realm-site-menu-toggle>span{margin-right:7px;font-family:Arial,sans-serif;font-size:1.2em}
.realm-site-menu{position:absolute;top:calc(100% + 5px);left:12px;width:min(340px,calc(100vw - 48px));max-width:calc(100% - 24px);max-height:calc(100dvh - 86px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #d2ac63;border-radius:9px;background:#081f25;color:#ffe4a5;box-shadow:0 12px 35px #000a}
.realm-site-menu[hidden]{display:none!important}
.realm-site-menu-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#102d32;border-bottom:1px solid #d2ac6355;font:700 .95rem/1.4 Georgia,serif}
dialog.reader-realm-page .realm-site-menu-heading button{padding:8px;font-size:.9rem;flex-shrink:0}
.realm-site-menu nav{display:grid;padding:6px}
dialog.reader-realm-page .realm-site-menu a{display:block;min-height:44px;box-sizing:border-box;padding:11px 14px;border-radius:5px;color:#ffe4a5;font:1rem/1.4 Georgia,serif;text-align:left;text-decoration:none;white-space:normal}
.realm-site-menu a:hover{background:#21434a}
.realm-site-navigation :focus-visible{outline:3px solid #96e4ec;outline-offset:-3px}
@media(max-width:360px){.reader-realm-page>.realm-site-navigation{padding:7px 10px}.realm-site-menu{left:8px;width:calc(100vw - 40px);max-width:calc(100% - 16px)}.realm-site-menu-heading{flex-wrap:wrap}}