.offline-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.4rem 0}.offline-controls button,.offline-page button{border:1px solid #087f7b;border-radius:9px;padding:.55rem .8rem;background:#e7f7f5;color:#17324d;font:inherit;cursor:pointer}.offline-controls button:disabled{opacity:.65;cursor:default}.offline-controls button:focus-visible,.offline-page button:focus-visible{outline:3px solid #087f7b;outline-offset:3px}.offline-controls [hidden]{display:none}.offline-library-link{font-size:.9rem}.offline-controls small{flex-basis:100%}.offline-page{max-width:850px;margin:2rem auto;padding:1.5rem;color:#17324d;font:16px/1.6 system-ui,sans-serif}.offline-page h1{color:#087f7b}.offline-page article{border:1px solid #b9dcd8;border-radius:14px;background:#e7f7f5;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}.offline-page article button{margin:.4rem .5rem .2rem 0}.offline-viewer{position:fixed;inset:2vh 2vw;z-index:10000;background:white;border:2px solid #087f7b;border-radius:12px;padding:1rem;box-shadow:0 8px 40px #17324d55;display:flex;flex-direction:column;gap:.5rem}.offline-viewer object{width:100%;flex:1;min-height:50vh}.offline-viewer button{align-self:flex-start}.offline-viewer a{color:#087f7b}