/* Self-hosted SVGs: shared 48-unit canvas, 24px display, no icon-font dependency. */
@media (max-width: 650px) {
  body nav.mobile-dock > a,
  body nav.mobile-dock > button,
  body nav.sub-dock > a {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 26px auto;
    align-content: center;
    align-items: center;
    justify-items: center;
    gap: 2px;
  }

  body nav.mobile-dock img.dock-symbol,
  body nav.sub-dock img.dock-symbol {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: none;
    box-shadow: none;
    object-fit: contain;
    object-position: center;
    flex: none;
    filter: none !important;
    transform: none !important;
    opacity: 1;
  }
}