/* One navigation room, shared by every burger and reader entry point. */
.mvn-trigger-wrap{display:inline-flex;align-items:center}
.mvn-trigger{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;min-width:33px;min-height:33px!important;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--foreground);cursor:pointer}
.mvn-trigger svg{width:17px;height:17px;flex-shrink:0;stroke-width:1.7}
.mvn-trigger:hover{background:var(--muted);color:var(--primary)}
.mvn-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.mvn-menu{position:fixed!important;inset:12px 12px auto auto!important;margin:0!important;width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 24px)!important;border-radius:10px;overflow-y:auto;overscroll-behavior:contain}
.mvn-menu>.mva-dialog-body{padding:0}
.mvn-menu>header{position:sticky;top:0;z-index:2;background:var(--card);height:auto!important;min-height:50px!important;padding:10px 14px}
.mvn-menu>header>h2{font:600 14px/1.4 Inter,system-ui,sans-serif!important}
.mvn-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:11px}
.mvn-story{display:flex;align-items:center;gap:9px;background:color-mix(in srgb,var(--primary) 7%,var(--card));border:1px solid var(--border);border-radius:6px;padding:10px;font-size:11px;min-width:0}
.mvn-story>span{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.mvn-story small{font-size:6px;letter-spacing:.16em;color:var(--muted-foreground)}
.mvn-story strong{font-size:10px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mvn-story>svg{width:15px;height:15px;color:var(--primary)}
.mvn-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.mvn-destinations>a,.mvn-more nav>a{display:flex;align-items:center;gap:8px;min-width:0;min-height:37px;padding:8px 9px;border:1px solid var(--border);border-radius:5px;background:var(--card);color:var(--foreground);font-size:10px;font-weight:450;line-height:1.4}
.mvn-destinations>a>svg,.mvn-more nav>a>svg{width:15px;height:15px;color:var(--primary);flex-shrink:0}
.mvn-destinations>a:hover,.mvn-more nav>a:hover{background:var(--muted);border-color:var(--primary)}
.mvn-destinations>a[aria-current=page]{background:color-mix(in srgb,var(--primary) 12%,var(--card));border-color:color-mix(in srgb,var(--primary) 55%,var(--border));font-weight:600}
.mvn-more{border-bottom:1px solid var(--border);padding-bottom:6px;font-size:10px;color:var(--muted-foreground)}
.mvn-more>summary{cursor:pointer;padding:2px 1px 5px;min-height:25px;line-height:1.6}
.mvn-more nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:5px 0}
.mvn-more nav>a{font-size:9px;min-height:32px}
.mvn-daily{display:flex;align-items:center;gap:7px;font-size:9px!important;min-height:29px!important;color:var(--muted-foreground);padding:4px 1px}
.mvn-themes{border:0;min-width:0;padding:0;margin:0}
.mvn-themes>legend{font-size:8px;letter-spacing:.04em;color:var(--muted-foreground);margin:0 0 6px}
.mvn-themes>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;border:1px solid var(--border);background:var(--muted);padding:3px;border-radius:5px}
.mvn-themes button{font-size:9px;min-height:26px!important;padding:4px;border-radius:3px;color:var(--muted-foreground)}
.mvn-themes button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #0001}
.mvn-notifications{display:flex;align-items:center;gap:8px;font-size:10px!important;line-height:1.4;width:100%;min-height:34px!important;padding:7px 9px;background:var(--muted);border:1px solid var(--border);border-radius:5px;text-align:left;color:var(--foreground)}
.mvn-notifications>small{font-size:8px;color:var(--muted-foreground);margin-left:auto;white-space:nowrap}
.mvn-notifications>svg{width:14px;height:14px;flex-shrink:0}
.mvn-topup{width:100%;font-size:10px!important;min-height:33px!important}
.mvn-back{display:flex;align-items:center;gap:5px;padding:6px 12px;font-size:10px!important;min-height:32px!important;color:var(--muted-foreground);border-bottom:1px solid var(--border);width:100%;text-align:left}
.mvn-back>svg{width:13px;height:13px}
.mvn-menu :is(button,a,summary):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
/* Reader dock icons use the exact same fixed geometry and stroke weight. */
.mvr-reader .mvr-dock-controls>button>svg,.mvr-reader .mvr-dock-controls>a>svg{width:17px;height:17px;min-width:17px;flex-shrink:0;stroke-width:1.7;display:block}
.mvr-reader .mvr-top-actions>button>svg{width:17px;height:17px;stroke-width:1.7}
.mvr-reader .mvr-dock-controls>button[aria-label="Site navigation"]{border:0;background:transparent;color:var(--muted-foreground);padding:0}
.mvr-reader .mvr-dock-controls>button[aria-label="Site navigation"]:hover{background:var(--muted);color:var(--primary)}
.mvr-dock-reaction{position:relative}
.mrx-dock-count{position:absolute;top:0;right:0;min-width:11px;height:11px;border-radius:7px;background:#665098;color:#fff;padding:0 2px;font:600 7px/11px Inter,system-ui,sans-serif}
@media(max-width:479px){.mvn-body{padding:11px;gap:9px}.mvn-destinations>a{font-size:9px;min-height:35px;padding:7px 8px}.mvn-menu{width:calc(100vw - 24px)}}
@media(max-width:339px){.mvr-dock-controls .mvr-dock-settings{display:none!important}}
@media(max-width:359px){.mvr-reader .mvr-dock-controls :is(a,button){width:28px!important;min-width:28px!important}.mvr-reader .mvr-dock-controls .mvr-dock-index{width:53px!important;min-width:53px!important;font-size:10px;gap:4px}.mvr-reader .mvr-dock-controls .mvr-dock-index svg{width:13px;height:13px;min-width:13px}.mvr-reader .mvr-dock>.mvr-dock-controls{padding:5px 6px;gap:3px}}
@media(max-height:500px){.mvn-menu{inset:8px 8px auto auto!important;max-height:calc(100dvh - 16px)!important}.mvn-body{gap:8px}}
