/* Documentation */
    .ds-docs-shell { margin-top: 0; }
    .ds-docs-panel {
      background: transparent;
    }
    .ds-docs-panel .ds-section-body {
      background: transparent;
      padding: var(--ds-space-6) var(--ds-space-5);
    }
    .ds-docs-layout {
      display: grid;
      grid-template-columns: 14rem minmax(0, 1fr);
      gap: var(--ds-space-8);
      align-items: start;
      min-height: 24rem;
    }
    .ds-docs-nav {
      display: flex;
      flex-direction: column;
      gap: var(--ds-space-5);
      position: sticky;
      top: var(--ds-space-6);
      padding-top: var(--ds-space-1);
    }
    .ds-docs-nav-group {
      display: flex;
      flex-direction: column;
      gap: var(--ds-space-1);
      border: none;
    }
    .ds-docs-nav-group > summary {
      list-style: none;
    }
    .ds-docs-nav-group > summary::-webkit-details-marker {
      display: none;
    }
    .ds-docs-nav-group-label {
      font-size: var(--ds-text-headline);
      font-weight: var(--ds-weight-semibold);
      color: var(--ds-text);
      padding: var(--ds-space-2) 0.75rem var(--ds-space-1);
      cursor: default;
    }
    .ds-docs-nav-group:not(:first-child) .ds-docs-nav-group-label {
      padding-top: var(--ds-space-4);
    }
    .ds-docs-nav-group-items {
      display: flex;
      flex-direction: column;
      gap: 0.15rem;
    }
    .ds-docs-nav-item {
      text-align: left;
      font-size: var(--ds-text-body);
      font-weight: var(--ds-weight-regular);
      color: var(--ds-text-secondary);
      background: transparent;
      border: none;
      border-radius: 0.5rem;
      padding: 0.42rem 0.75rem;
      cursor: pointer;
      transition: background-color 0.12s ease, color 0.12s ease;
    }
    .ds-docs-nav-item:hover:not(.ds-docs-nav-item--active) {
      background: rgb(15 23 42 / 0.04);
      color: var(--ds-text);
    }
    .ds-docs-nav-item:focus-visible {
      outline: 2px solid var(--ds-accent);
      outline-offset: 2px;
    }
    .ds-docs-nav-item--active {
      background: rgb(var(--ds-brand-hero-rgb) / 0.1);
      color: var(--ds-brand-hero);
      font-weight: var(--ds-weight-semibold);
    }
    .ds-docs-body {
      max-height: calc(100vh - 12rem);
      overflow-y: auto;
      padding: var(--ds-space-2) 0 0 var(--ds-space-2);
    }
    .ds-docs-loading,
    .ds-docs-error {
      font-size: var(--ds-text-body);
      color: var(--ds-text-muted);
      padding: var(--ds-space-4) 0;
    }
    .ds-docs-article-header {
      margin-bottom: var(--ds-space-6);
      padding-bottom: 0;
    }
    .ds-docs-article-title {
      font-size: var(--ds-text-hero);
      font-weight: var(--ds-weight-semibold);
      letter-spacing: -0.03em;
      line-height: 1.15;
      color: var(--ds-text);
      margin: 0 0 var(--ds-space-2);
    }
    .ds-docs-article-source {
      font-size: var(--ds-text-caption);
      color: var(--ds-text-muted);
      margin: 0;
    }