/* Shared outer content width. Gallery pages do not load this stylesheet. */
:root {
  --site-content-width: min(1440px, 93.75%);
}

:root .site-content-width,
:root .calendar-home-wrapper > .calendar-module {
  box-sizing: border-box;
  width: var(--site-content-width);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* The weather stylesheet has important width rules at its own breakpoints. */
:root .site-content-width.weather-page-inner {
  width: var(--site-content-width) !important;
}

@media (max-width: 720px) {
  :root {
    --site-content-width: calc(100% - 16px);
  }

  /* Keep the date description aligned with its calendar card. */
  .calendar-page-inner.site-content-width > .calendar-seo-content {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}