@media (max-width: 640px) {
      .ds-docs-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--ds-space-4);
      }
      .ds-docs-nav {
        position: static;
        gap: var(--ds-space-2);
      }
      .ds-docs-nav-group {
        border: 1px solid var(--ds-border);
        border-radius: var(--ds-radius-sm);
        background: var(--ds-surface-section);
        overflow: hidden;
      }
      .ds-docs-nav-group > summary.ds-docs-nav-group-label {
        padding: 0.65rem 0.75rem;
        min-height: 2.75rem;
        display: flex;
        align-items: center;
        cursor: pointer;
      }
      .ds-docs-nav-group > summary.ds-docs-nav-group-label::after {
        content: '▾';
        margin-left: auto;
        font-size: var(--ds-text-body);
        color: var(--ds-text-muted);
      }
      .ds-docs-nav-group:not([open]) > summary.ds-docs-nav-group-label::after {
        content: '▸';
      }
      .ds-docs-nav-group-items {
        padding: 0 0.5rem 0.5rem;
      }
      .ds-docs-panel .ds-section-body {
        padding: var(--ds-space-4) var(--ds-space-3);
      }
    }
    @media (max-width: 640px) {      .ds-docs-nav-item {
        font-size: var(--ds-text-body);
        min-height: 2.75rem;
        padding: 0.5rem 0.75rem;
      }
      .ds-docs-body {
        max-height: none;
        padding: var(--ds-space-4) 0 0;
      }
    }