/* Основной блок: меню слева, содержимое справа */
  .rubicon-materials {
    display: flex;
    align-items: flex-start;
    gap: 24px;
  }

  /* Вертикальный список основных вкладок */
  .rubicon-materials > .nav-tabs {
    display: block;
    flex: 0 0 220px;
    width: 220px;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
  }

  .rubicon-materials > .nav-tabs > li {
    float: none;
    width: 100%;
    margin: 0 0 6px;
  }

  .rubicon-materials > .nav-tabs > li > a {
    margin: 0;
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f5f5f5;
    color: #333;
    white-space: normal;
    overflow-wrap: break-word;
    text-decoration: none;
  }

  .rubicon-materials > .nav-tabs > li > a:hover,
  .rubicon-materials > .nav-tabs > li > a:focus {
    border-color: #339966;
    background: #eaf5ef;
    color: #246b47;
  }

  .rubicon-materials > .nav-tabs > li.active > a,
  .rubicon-materials > .nav-tabs > li.active > a:hover,
  .rubicon-materials > .nav-tabs > li.active > a:focus {
    border-color: #339966;
    background: #339966;
    color: #fff;
  }

  /* Область содержимого справа */
  .rubicon-materials > .tab-content {
    flex: 1 1 0;
    min-width: 0;
    overflow-wrap: break-word;
  }

  .rubicon-materials > .tab-content > .tab-pane > h3:first-child {
    margin-top: 0;
  }

  .rubicon-materials .tab-pane img {
    max-width: 100%;
    height: auto;
  }

  /* Защита кнопок от исчезновения при переключении */
  .rubicon-materials .nav-tabs > li,
  .rubicon-materials .nav-tabs > li > a {
    display: block !important;
  }

  /* Подвкладки остаются горизонтальными */
  .rubicon-submaterials {
    margin-top: 20px;
  }

  .rubicon-submaterials > .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
  }

  .rubicon-submaterials > .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
  }

  .rubicon-submaterials > .nav-tabs > li > a {
    font-size: 14px;
    white-space: normal;
  }

  /* Показываем только выбранные панели на каждом уровне */
  .rubicon-materials .tab-content > .tab-pane {
    display: none;
  }

  .rubicon-materials .tab-content > .tab-pane.active {
    display: block;
  }

  /* Телефоны: список над содержимым, кнопки в две колонки */
  @media (max-width: 767px) {
    .rubicon-materials {
      flex-direction: column;
      gap: 20px;
    }

    .rubicon-materials > .nav-tabs {
      display: flex;
      flex-wrap: wrap;
      flex: none;
      width: 100%;
      gap: 6px;
    }

    .rubicon-materials > .nav-tabs > li {
      display: flex !important;
      flex: 0 0 calc(50% - 3px);
      min-width: 0;
      width: auto;
      margin: 0;
    }

    .rubicon-materials > .nav-tabs > li > a {
      width: 100%;
      box-sizing: border-box;
      padding: 10px;
    }

    .rubicon-materials > .tab-content {
      flex: none;
      width: 100%;
    }
  }