/* TITAN Sprint 13.1 — shared shell width and page rhythm */

:root {
  --titan-shell-max: 1240px;
  --titan-shell-gutter: 16px;
  --titan-page-top-gap: 18px;
  --titan-page-bottom-gap: 60px;
}

.site-header.titan-header {
  padding-inline: var(--titan-shell-gutter);
}

.titan-header .titan-header__inner {
  width: 100%;
  max-width: var(--titan-shell-max);
}

body > main.site-main.site-main {
  width: min(calc(100% - 32px), var(--titan-shell-max));
  max-width: none;
  margin-inline: auto;
  padding: var(--titan-page-top-gap) 0 var(--titan-page-bottom-gap) !important;
}

#titan-page-content {
  width: 100%;
  min-width: 0;
}

.site-footer .footer-inner {
  width: min(calc(100% - 32px), var(--titan-shell-max));
  max-width: none;
  padding-inline: 0;
}

@media (max-width: 640px) {
  :root {
    --titan-shell-gutter: 8px;
    --titan-page-top-gap: 10px;
    --titan-page-bottom-gap: 44px;
  }

  body > main.site-main.site-main {
    width: calc(100% - 16px);
  }

  .site-footer .footer-inner {
    width: calc(100% - 16px);
  }
}