/* Task-first navigation, shared by every route. */
html body #navigation-drawer{--menu-bg:#fff;--menu-text:#20242b;--menu-muted:#68707d;--menu-line:#e6e8ec;--menu-hover:#f3f4f6;inset:0 0 0 auto;width:min(420px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--menu-bg);color:var(--menu-text);box-shadow:-12px 0 40px #0002}
html[data-theme=dark] body #navigation-drawer{--menu-bg:#181a1f;--menu-text:#f1f3f5;--menu-muted:#a8b0bd;--menu-line:#30343c;--menu-hover:#252930;background:var(--menu-bg)}
html body #navigation-drawer::backdrop{background:#0007;backdrop-filter:none}
html body #navigation-drawer .drawer-heading{background:var(--menu-bg);color:var(--menu-text);padding:16px 24px;min-height:72px;border-bottom:0;justify-content:space-between}
html body #navigation-drawer .drawer-heading h2{color:var(--menu-text);font-size:19px;margin:0;letter-spacing:-.5px}
html body #navigation-drawer .drawer-close{background:transparent!important;color:var(--menu-text)!important;border:0;box-shadow:none;width:44px;height:44px;font-size:28px}
html body #navigation-drawer .drawer-search{padding:8px 24px 20px;border:0}
html body #navigation-drawer .drawer-search label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
html body #navigation-drawer .drawer-search>div{border:1px solid var(--menu-line);border-radius:8px;background:var(--menu-hover)}
html body #navigation-drawer .drawer-search input{background:transparent;color:var(--menu-text);padding:14px;font-size:14px}
html body #navigation-drawer .drawer-search input::placeholder{color:var(--menu-muted)}
html body #navigation-drawer .drawer-search button{background:transparent!important;color:var(--menu-muted)!important}
html body #navigation-drawer .product-nav{padding:0 16px!important;background:var(--menu-bg)}
html body #navigation-drawer .product-nav a{background:transparent;color:var(--menu-text);min-height:54px;padding:12px 16px;margin:2px 0;gap:14px;font-size:15px;font-weight:500;border:0;border-radius:8px;box-shadow:none;box-sizing:border-box}
html body #navigation-drawer .product-nav a:is(:hover,:focus-visible){background:var(--menu-hover);color:var(--menu-text)}
html body #navigation-drawer .product-nav a[aria-current]{background:var(--menu-hover)!important;color:var(--menu-text)!important;box-shadow:none!important;border:0}
html body #navigation-drawer .product-nav a[aria-current] svg{color:#879b00}
html[data-theme=dark] body #navigation-drawer .product-nav a[aria-current] svg{color:#dfff19}
html body #navigation-drawer .product-nav svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--menu-muted)}
html body #navigation-drawer .drawer-primary{padding-bottom:12px;border-bottom:1px solid var(--menu-line)}
html body #navigation-drawer .drawer-group{padding:0;border:0;margin:4px 0}
html body #navigation-drawer .drawer-group>summary{display:flex;align-items:center;gap:14px;list-style:none;padding:16px;min-height:56px;box-sizing:border-box;cursor:pointer;color:var(--menu-text);font-size:15px;font-weight:500;border-radius:8px}
html body #navigation-drawer summary::-webkit-details-marker{display:none}
html body #navigation-drawer .drawer-group>summary::after,html body #navigation-drawer .drawer-language>summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;transition:transform .15s}
html body #navigation-drawer details[open]>summary::after{transform:rotate(225deg)}
html body #navigation-drawer summary:hover{background:var(--menu-hover)}
html body #navigation-drawer .drawer-submenu{padding:0 0 8px 35px}
html body #navigation-drawer .drawer-submenu a{min-height:44px;font-size:14px;color:var(--menu-muted)}
html body #navigation-drawer .theme-picker{background:var(--menu-bg);border-top:1px solid var(--menu-line);border-bottom:0;margin-top:16px;padding:20px 32px;color:var(--menu-text);font-size:14px}
html body #navigation-drawer .theme-toggle{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:0;width:96px;height:44px;min-height:44px;padding:4px;border:1px solid var(--menu-line);border-radius:24px;background:var(--menu-hover)}
html body #navigation-drawer .theme-toggle::before{width:34px;height:34px;left:8.5px;top:50%;transform:translateY(-50%)}
html body #navigation-drawer .theme-toggle[aria-checked=true]::before{transform:translate(43px,-50%)}
html body #navigation-drawer .theme-toggle svg{display:block;box-sizing:border-box;width:20px;height:20px;padding:0;margin:0;flex-shrink:0}
html body #navigation-drawer .drawer-language{padding:0 24px 16px}
html body #navigation-drawer .drawer-language>summary{list-style:none;display:flex;align-items:center;min-height:44px;padding:8px;font-size:14px;cursor:pointer}
html body #navigation-drawer .language-picker{margin:8px 0;padding:8px;border:0;background:transparent}
html body #navigation-drawer .language-picker legend{display:none}
html body #navigation-drawer .language-note{margin:0;padding:8px;font-size:12px;color:var(--menu-muted)}
html body #navigation-drawer .drawer-footer{border-top:1px solid var(--menu-line);padding:20px 32px;display:flex;flex-wrap:wrap;gap:16px;background:transparent}
html body #navigation-drawer .drawer-footer a{font-size:12px;color:var(--menu-muted)}
html body #navigation-drawer :is(a,button,input,summary):focus-visible{outline:2px solid #879b00;outline-offset:2px}
@media(max-width:480px){html body #navigation-drawer{width:100vw}html body #navigation-drawer .drawer-heading{padding:12px 16px}html body #navigation-drawer .drawer-search{padding:8px 20px 16px}}
/* Cabeçalho do menu sem título visível (só o X à direita, como na Binance); o h2 continua para leitores de tela. */
html body #navigation-drawer .drawer-heading{justify-content:flex-end}
html body #navigation-drawer .drawer-heading h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
