/**
 * Authenticated layout gutters — 30px horizontal padding on all pages.
 */

.co-layout .co-content-wrap,
.co-layout .co-page-header,
.co-layout .co-top-region {
  padding-left: var(--co-layout-gutter, 30px) !important;
  padding-right: var(--co-layout-gutter, 30px) !important;
  box-sizing: border-box;
}

.co-layout .co-content-wrap {
  padding-top: 24px;
  padding-bottom: 30px;
}

.co-layout .co-page-header {
  padding-top: 24px;
  padding-bottom: 0;
}

/* Catalogue / achievements pages with custom main wrappers */
.co-layout .co-catalogue-wrap,
.co-layout .co-all-courses-page,
.co-layout .co-account-settings-wrap,
.co-layout .page-main.co-achievements-page {
  padding-left: var(--co-layout-gutter, 30px) !important;
  padding-right: var(--co-layout-gutter, 30px) !important;
  box-sizing: border-box;
}

.co-layout .co-catalogue-header,
.co-layout .co-catalogue-tabs,
.co-layout .co-catalogue-results {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 768px) {
  :root {
    --co-topbar-padding-x: 16px;
    --co-layout-gutter: 16px;
  }
}