/* Secondary sidebar width - can be overridden per page via CSS variable */
:root {
  --sidebar-secondary-width: 12.1rem;
}

@media screen and (min-width: 76.25em) {
  .md-sidebar--secondary {
    width: var(--sidebar-secondary-width);
  }
}
  
  /* Your existing code for figures within the sidebar can remain as is: */
  .sidebar-figure {
      margin: 1rem auto;
      text-align: center;
    }
    
  .sidebar-caption {
      font-size: 0.85rem;
      color: var(--md-default-fg-color--light);
      margin-top: 0.25rem;
      white-space: normal;
  }
    
  .sidebar-media {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
      border-radius: 8px;
  }