.mobile-drawer{--drawer-width:min(352px,calc(var(--drawer-viewport-width,100vw) - 32px));position:fixed;inset:auto;top:var(--drawer-viewport-top,0px);left:var(--drawer-viewport-left,0px);margin:0;width:var(--drawer-viewport-width,100%);min-width:0;max-width:100%;height:100vh;height:var(--drawer-viewport-height,100dvh);min-height:0;max-height:none;padding:0;border:0;background:transparent;color:var(--ink);overflow:hidden;overflow:clip;overscroll-behavior:contain}
.mobile-drawer::backdrop{background:rgba(26,51,57,.42);overflow:hidden;overscroll-behavior:contain}
.drawer-scrim{position:absolute;inset:0 var(--drawer-width) 0 0;padding:0;border:0;background:transparent;cursor:pointer}
.drawer-panel{position:absolute;inset:0 0 0 auto;width:var(--drawer-width);height:100%;background:var(--paper);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 24px 18px;padding-top:max(23px,env(safe-area-inset-top));padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right));position:sticky;top:0;background:var(--paper);z-index:1;border-bottom:1px solid var(--line)}
.drawer-header h2{font:500 22px/1.3 'DM Sans',sans-serif;letter-spacing:-.02em;margin:0}
.drawer-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}
.drawer-close:hover{background:var(--selected)}.drawer-close svg{width:20px;height:20px}
.drawer-links,.drawer-secondary{display:grid;gap:4px;margin:0;padding:20px 20px 0}
.drawer-links>a,.drawer-secondary>a{display:flex;align-items:center;gap:13px;min-height:50px;padding:12px 16px;border-radius:7px;font-size:16px;line-height:1.5;color:var(--ink)}
.drawer-links>a:hover,.drawer-secondary>a:hover{background:var(--selected)}
.drawer-links>a[aria-current=page],.drawer-secondary>a[aria-current=page]{background:var(--selected);color:var(--blue);font-weight:500}
.drawer-links .nav-divider{margin:14px 16px;height:1px;background:var(--line)}
.drawer-secondary{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.drawer-links .drawer-library{margin-top:14px;border-top:1px solid var(--line);border-radius:0;padding-top:20px}
