/* ==========================================
   ACADEMIA NOVO — GLOBAL LAYOUT
   Единые отступы и ширина контента
   ========================================== */

:root {
  --novo-content-width: 1200px;

  /* Боковые отступы */
  --novo-gutter-desktop: 40px;
  --novo-gutter-tablet: 28px;
  --novo-gutter-mobile: 20px;

  /* Вертикальные отступы секций
     Используются в блоках с классом .novo-section */
  --novo-section-desktop: 88px;
  --novo-section-tablet: 64px;
  --novo-section-mobile: 44px;
}

/* Единая ширина стандартного контента Tilda */
#allrecords .t-container {
  width: calc(100% - 2 * var(--novo-gutter-desktop)) !important;
  max-width: var(--novo-content-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Учитываем ширину колонок */
#allrecords .t-container,
#allrecords .t-container * {
  box-sizing: border-box;
}

/* Единые отступы для специально отмеченных секций */
#allrecords .novo-section {
  padding-top: var(--novo-section-desktop) !important;
  padding-bottom: var(--novo-section-desktop) !important;
}

/* Планшеты */
@media screen and (max-width: 960px) {
  #allrecords .t-container {
    width: calc(100% - 2 * var(--novo-gutter-tablet)) !important;
  }

  #allrecords .novo-section {
    padding-top: var(--novo-section-tablet) !important;
    padding-bottom: var(--novo-section-tablet) !important;
  }
}

/* Телефоны */
@media screen and (max-width: 640px) {
  #allrecords .t-container {
    width: calc(100% - 2 * var(--novo-gutter-mobile)) !important;
  }

  #allrecords .novo-section {
    padding-top: var(--novo-section-mobile) !important;
    padding-bottom: var(--novo-section-mobile) !important;
  }
}
</style>