article.data-office-page .entity_content_with_sibebar_in {
  align-items: flex-start;
}

article.data-office-page .entity_content_with_sibebar_in .entity_content {
  min-width: 0;
}

article.data-office-page .college-journal-tab-panel--about,
article.data-office-page .college-journal-tab-panel--home,
article.data-office-page .college-journal-tab-panel--section {
  padding-bottom: var(--global-spacing-7xl);
}

article.data-office-page .college-journal-tab-panel--home {
  padding-top: var(--global-spacing-2xl);
}

article.data-office-page .college-journal-tab-panel--about > .inner-container,
article.data-office-page .college-journal-tab-panel--section > .inner-container {
  max-width: 1022px;
  margin: 0 auto;
}

article.data-office-page .data-office-tab-panel[hidden] {
  display: none !important;
}

article.data-office-page .college-journal-page__placeholder {
  background-color: var(--background-color-background-card);
  border: 1px solid var(--border-border-neutral-primary);
  border-radius: var(--radius-radius-lg);
  padding: var(--global-spacing-5xl);
}

article.data-office-page .college-journal-page__section-title {
  margin: 0 0 var(--global-spacing-xl);
  font: var(--type-scale-desktop-display-xs-bold);
  color: var(--text-color-text-primary-sa-flag);
}

article.data-office-page .college-journal-page__section-text {
  margin: 0;
  font: var(--text-md-regular);
  color: var(--text-color-text-primary-paragraph);
  line-height: 1.8;
}

article.data-office-page .college-journal-tab-panel--home .paragraph--type--get-to-know {
  margin-bottom: 0;
}

@media (max-width: 1023.98px) {
  article.data-office-page {
    overflow-x: clip;
  }

  article.data-office-page .entity_content_with_sibebar_in {
    flex-wrap: wrap !important;
    max-width: 100%;
  }

  article.data-office-page .entity_content_with_sibebar_in .entity_content_sidebar {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-top: var(--global-spacing-md) !important;
    position: relative !important;
  }

  html[dir="rtl"] article.data-office-page .entity_content_with_sibebar_in .entity_content_sidebar {
    right: 0 !important;
  }

  html[dir="ltr"] article.data-office-page .entity_content_with_sibebar_in .entity_content_sidebar {
    left: 0 !important;
  }

  html[dir="rtl"] article.data-office-page .entity_content_with_sibebar_in .entity_content,
  html[dir="ltr"] article.data-office-page .entity_content_with_sibebar_in .entity_content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  article.data-office-page .entity_content_sidebar_in.views_sidebar_inner {
    border: 0 !important;
    padding: var(--global-spacing-xl) 0 !important;
  }

  article.data-office-page .field--name-field-sidebar-menu .inner-container > .paragraph--type--block,
  article.data-office-page .field--name-field-block.field__items,
  article.data-office-page .field--name-field-block .field__item,
  article.data-office-page #block-groupnodesfromthisnodesgroups {
    width: 100% !important;
    max-width: 100% !important;
  }

  article.data-office-page .uhb-tab-links-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  article.data-office-page .views_sidebar .block-uhb-group-list ul {
    border-bottom: 2px solid var(--border-border-neutral-primary);
    width: max-content;
    min-width: max-content;
    max-width: none;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
  }

  article.data-office-page .views_sidebar .block-uhb-group-list ul li {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  article.data-office-page .views_sidebar .block-uhb-group-list ul li a {
    width: auto;
    white-space: nowrap;
    text-align: start;
    word-spacing: normal;
    letter-spacing: normal;
    line-height: 1.4;
  }

  article.data-office-page .data-office-page__content {
    width: 100% !important;
    max-width: 100% !important;
  }

  article.data-office-page .paragraph--type--get-to-know .field--name-field-main-heading {
    font: var(--type-scale-mobile-display-lg-bold) !important;
  }
}