/* Always show the site name in the header — don't swap in the page title on scroll. */
.md-header__topic[data-md-component="header-topic"] {
  display: none;
}

/* Widen the content area: shrink sidebars, remove the grid max-width cap.
   Targets the >76.25em breakpoint where Material switches to its 3-column layout. */
@media screen and (min-width: 76.25em) {
  .md-grid {
    max-width: 100%;
  }

  .md-sidebar--primary {
    width: 11rem;
  }

  .md-sidebar--secondary {
    width: 10rem;
  }

  .md-content {
    max-width: none;
  }
}