@media screen and (min-width: 76.25em) {
  /* 1. Remove the theme's automatic margins that reserve space for sidebars */
  .md-main__inner {
    display: flex;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }

  /* 2. Primary Navigation (Now on the right) */
  .md-sidebar--primary {
    order: 2; /* Physical position: Right */
    position: sticky;
    left: auto;
    width: 12.2rem;
    padding-left: 0.5rem;
  }

  /* 3. Main Content (Now on the left) */
  .md-content {
    order: 1; /* Physical position: Left/Center */
    flex: 1;
    min-width: 0;
    margin-left: 0 !important;
  }

  /* 4. ELIMINATE THE BLANK BAR: Hide the secondary sidebar entirely */
  .md-sidebar--secondary {
    display: none !important;
  }

  /* 5. Logic for your Toggle Button */
  .sidebar-hidden .md-sidebar--primary {
    display: none;
  }

  .sidebar-hidden .md-content__inner {
    max-width: 95%; /* Adjust to preference for full-width reading */
    margin: 0 auto;
  }
}

/* Keep your button styling as is */
.sidebar-toggle-btn {
  margin-right: 0.8rem;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.sidebar-toggle-btn svg {
  fill: currentColor;
  width: 1.1rem;
  height: 1.1rem;
}