.pane.glossary {
  --primary-color: #b3b3b3;
  --primary-color-50: #f7f7f7;
  --primary-color-100: #f0f0f0;
  --primary-color-200: #e4e4e4;
  --primary-color-300: #d9d9d9;
  --primary-color-400: #cecece;
  --primary-color-500: #b3b3b3;
  --primary-color-600: #989898;
  --primary-color-700: #7d7d7d;
  --primary-color-800: #626262;
  --primary-color-900: #484848;
  --top-color: #b3b3b3;
  --collapsed-color: #e4e4e4;
  --collapsed-text-color: #484848;

  .pane-content {
    main {
      display: flex;
      flex-direction: column;
      gap: 40px;
      align-self: stretch;
      width: calc(100% - 40px);
      max-width: var(--content-max-width, 1400px);
      margin: 40px 20px 80px;
      padding: 32px 24px;
      box-sizing: border-box;
 

      @media (max-width: 1023.5px) {
        width: calc(100% - 48px);
        margin: 32px 24px 64px;
        padding: 24px;
      }

      @media (max-width: 767.5px) {
        width: 100%;
        margin: 20px 0 60px;
        padding: 20px;
        border-radius: 12px;
      }
    }
  }

}