/* Shared, additive Ilmify navigation. Leaves each library's reader untouched. */
body.ilmify-integrated .header-install,
body.ilmify-integrated #install-guide-open,
body.ilmify-integrated #install-header{display:none!important}
.ilmify-switch-button{display:inline-flex!important;flex:none;align-items:center;justify-content:center;gap:7px;min-height:39px;height:39px;border-radius:13px;border:1px solid #b9a17683;background:#20483b;color:#f9e2b7;white-space:nowrap;padding:0 10px;font-family:inherit;font-size:12px;font-weight:800;line-height:1;cursor:pointer;box-sizing:border-box}
.ilmify-switch-button img{width:24px;height:24px;object-fit:cover;border-radius:7px;flex:none}
.ilmify-switch-button svg{width:13px;height:13px;flex:none;display:block}
.ilmify-switch-button:hover{border-color:#e7d299;background:#2b5a47}.ilmify-switch-button:focus-visible{outline:3px solid #dbb87a;outline-offset:2px}
.ilmify-switch-backdrop[hidden]{display:none!important}.ilmify-switch-backdrop{position:fixed;inset:0;z-index:10000;display:flex;justify-content:center;align-items:center;padding:18px;background:#03140fca;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box}
.ilmify-switch-panel{width:min(440px,100%);max-height:min(700px,90dvh);overflow-y:auto;background:#122f26;color:#f7f5ea;border:1px solid #54745f;border-radius:21px;box-shadow:0 25px 100px #000a;padding:23px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;box-sizing:border-box;line-height:1.5}
.ilmify-switch-heading{display:flex;gap:13px;align-items:center;position:relative;margin-bottom:20px;padding-right:37px}.ilmify-switch-heading>img{width:54px;height:54px;border-radius:14px;border:1px solid #c8a77865}.ilmify-switch-heading strong{display:block;font-size:21px;letter-spacing:-.6px;color:#fff}.ilmify-switch-heading small{font-size:11px;color:#bfcfc4}.ilmify-switch-close{position:absolute;right:0;top:3px;border:1px solid #47685b;border-radius:50%;background:#203c33;color:#fff;width:34px;height:34px;font-size:24px;display:grid;place-items:center;cursor:pointer}
.ilmify-switch-links{display:grid;gap:9px}.ilmify-switch-links>a{display:flex;align-items:center;gap:13px;min-height:63px;padding:10px 13px;border-radius:13px;background:#1c3c32;border:1px solid #3d5c4e;color:#f9f7ed;text-decoration:none!important;box-sizing:border-box}.ilmify-switch-links>a.current{background:#28543f;border-color:#cdb47e}.ilmify-switch-links .library-emblem{display:grid;place-items:center;background:#315648;color:#ebcc8a;width:38px;height:38px;border-radius:11px;flex:none;font-size:22px}.ilmify-switch-links .library-copy{display:grid;gap:2px;min-width:0;flex:1}.ilmify-switch-links .library-copy strong{font-size:13px;color:#fff;letter-spacing:0}.ilmify-switch-links .library-copy small{font-size:10px;color:#b5cabd}.ilmify-switch-links .library-arrow{color:#e8c989;font-size:22px;line-height:1}.ilmify-switch-hint{margin:16px 2px 0;color:#adc3b6;font-size:10px;line-height:1.7}
@media(max-width:600px){.ilmify-switch-button{width:36px;height:36px;min-height:36px;padding:0;border-radius:11px}.ilmify-switch-button .ilmify-button-text,.ilmify-switch-button svg{display:none!important}.ilmify-switch-button img{width:26px;height:26px;border-radius:8px}.ilmify-switch-panel{padding:17px;border-radius:18px;max-height:calc(100dvh - 30px)}.ilmify-switch-links>a{min-height:58px}}
@media(max-width:350px){.ilmify-switch-button{width:32px;height:32px;min-height:32px}.ilmify-switch-button img{width:24px;height:24px}}
/* Keep the existing top bars uncluttered on the smallest phones. */
@media(max-width:430px){
 body.ilmify-integrated .site-header .brand small,
 body.ilmify-integrated .brand-copy small{display:none!important}
 body.ilmify-integrated .site-header .brand,
 body.ilmify-integrated .brand-copy{min-width:0!important}
 body.ilmify-integrated .site-header .brand{font-size:17px;overflow:hidden;text-overflow:ellipsis}
 body.ilmify-integrated .brand-copy strong{font-size:17px;letter-spacing:-.8px}
 body.ilmify-integrated .header-inner{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
 body.ilmify-integrated .header-actions{gap:4px!important;flex-shrink:0}
}
@media(max-width:355px){body.ilmify-integrated .brand-mark{width:35px;height:35px}body.ilmify-integrated .brand-copy strong{font-size:15px}body.ilmify-integrated .site-header .brand img{width:35px;height:35px}}
@media(min-width:601px) and (max-width:950px){
 .ilmify-switch-button{height:37px;width:37px;min-height:37px;padding:0}
 .ilmify-switch-button .ilmify-button-text,.ilmify-switch-button svg{display:none!important}
 .ilmify-switch-button img{width:26px;height:26px}
 body.ilmify-integrated .site-header{gap:12px!important}
}