/* === Mobile Drawer — externo (CSP-safe) === */
@media (max-width:1100px){
  .drawer-target{
    display:none;
    position:fixed; top:var(--drawer-top,58px);
    left:0; bottom:0;
    width:86vw; max-width:320px;
    background:rgba(17,24,39,.97);
    border-right:1px solid var(--border, #1f3d32);
    box-shadow:8px 0 24px rgba(0,0,0,.35);
    overflow:auto; z-index:100;
  }
  body.menu-open .drawer-target{ display:block; }
  .backdrop{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.45); z-index:90; }
  body.menu-open .backdrop{ display:block; }

  #hamburger, .hamb, .hamburger, .menu-toggle, button[aria-label*="menu" i]{
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 10px; border-radius:10px;
    border:1px solid var(--border, #1f3d32); background:rgba(17,24,39,.95); color:#e7f6ef;
    z-index:110;
  }
  #auto-hamb{
    position:fixed; top:8px; left:10px; z-index:110;
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 10px; border-radius:10px;
    border:1px solid var(--border, #1f3d32); background:rgba(17,24,39,.95); color:#e7f6ef;
  }
}