.mobile-overlay { box-sizing:border-box; width:min(520px,calc(100% - 24px)); max-height:calc(100dvh - 32px); margin:auto; padding:20px; border:0; border-radius:28px; background:#fff; color:#18181b; box-shadow:0 20px 70px #0002; overflow:auto; overscroll-behavior:contain; font:400 15px/1.5 Inter,system-ui,sans-serif; }
.mobile-overlay::backdrop { background:rgba(12,12,14,.52); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.mobile-overlay-head { position:sticky; top:-20px; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-1px 0 18px; padding-block:1px; background:#fff; }
.mobile-overlay-head h2 { margin:0; font-size:20px; font-weight:600; line-height:1.3; }
.mobile-overlay-close, .mobile-nav-button { display:inline-grid; place-items:center; flex-shrink:0; width:40px; height:40px; padding:8px; border:0; border-radius:50%; background:#f6f6f7; color:#686875; cursor:pointer; }
.mobile-overlay-close svg, .mobile-nav-button svg { width:24px; height:24px; }
.mobile-nav-button { display:none; }
.mobile-overlay :focus-visible, .mobile-nav-button:focus-visible { outline:3px solid #d84b7e; outline-offset:3px; }
.mobile-nav-dialog .nav { display:flex; flex-direction:column; align-items:stretch; gap:6px; overflow:visible; }
.mobile-nav-dialog .nav a { display:block; padding:12px 14px; border-radius:14px; font-size:16px; text-decoration:none; color:#4d4d53; }
.mobile-nav-dialog .nav a[aria-current="page"] { background:#f9e7ef; color:#a72960; }
@media(max-width:899px) { .mobile-nav-button { display:inline-grid; } }