html {
  --sidebar-width: 240px !important;
}

.bd-container {
  grid-template-columns: 240px 1fr !important;
}
/* Logo */
.sidebar-logo {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin-bottom: 8px;
}


/* Title */
.sidebar-brand-text {
  font-size: 20px;
  font-weight: 600;
}

/* Subtitle */
.sidebar-brand-subtitle {
  font-size: 13px;
  opacity: 0.7;
  margin-top: -4px;
}

@media (min-width: 63em) {
  .sidebar-drawer {
    justify-content: flex-start;
    width:calc(30% - 26em)
  }
  .sidebar-drawer > .sidebar-container {
    width: 100%;
    min-width: 15em;
    max-width: none;
    box-sizing: border-box;
    padding-left: 5px;
  }
  .content {
    width:calc(60% + 26em)
  }
}

/* Sidebar title: logo + Documentation + version (matches product shell style) */
.sidebar-brand {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem 0.5rem 0.5rem;
  text-align: center;
  text-decoration: none;
}
.sidebar-brand:hover {
  text-decoration: none;
}
.sidebar-brand-logo {
  display: block;
  height: auto;
  max-width: 5rem;
  width: 100%;
}
.sidebar-brand-title {
  color: var(--color-sidebar-brand-text, var(--color-foreground-primary));
  font-size: var(--font-size--normal);
  font-weight: 600;
  line-height: 1.2;
}
.sidebar-brand-version {
  color: var(--color-sidebar-caption-text, var(--color-foreground-muted));
  font-size: var(--font-size--small--2);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.mobile-header .brand {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 0.1rem;
  line-height: 1.15;
  text-align: center;
}
.mobile-header .brand-logo {
  display: block;
  height: 1.75rem;
  width: auto;
}
.mobile-header .brand-version {
  color: var(--color-foreground-muted);
  font-size: 0.6875rem;
  font-weight: 500;
}