/* Mobile dock overrides: center align, tighter spacing, cleaner typography */
@media screen and (max-width: 991px) {
  .mobile-menu-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 16px !important;
  }
  .mobile-menu-wrap .code-embed-2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .mobile-dock {
    gap: 1rem !important;
    padding: 0.75rem 1.25rem !important;
  }
  .dock-item img,
  .dock-item svg {
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 4px !important;
  }
  .dock-item .label {
    font-size: 0.55rem !important;
    letter-spacing: -0.02em !important;
    line-height: 1 !important;
  }
  .dock-submenu {
    text-align: center !important;
    left: 50% !important;
    transform: translate(-50%, 10px) scale(0.95) !important;
  }
  .dock-submenu.open {
    transform: translate(-50%, 0) scale(1) !important;
  }
  .dock-submenu ul {
    padding: 0.5rem 0 !important;
  }
  .dock-submenu a,
  .dock-submenu strong.section-header {
    padding: 0.5rem 1rem !important;
    font-size: 0.85rem !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
  }
  .dock-submenu .section-content li a {
    padding-left: 1rem !important;
  }
}