/**
 *  @package michael-travels-theme
 *
 *  The Contact Me page.
 *
 *  Fuse names a stylesheet after the page's own path, so this file loads on
 *  that page and nowhere else. It carries no body class for that reason: the
 *  scope is the loading, not the selector.
 *
 *  The page is a title, a line of writing and a form. Run to the full site
 *  width that is a short column stranded in a great deal of empty room, so
 *  the whole page -- its header band included -- is held to a thin measure.
 *
 *  The footer is left alone, which is why every rule here is inside
 *  .site-content. It is the same on every page of the site, and a narrower
 *  one here would read as a mistake rather than a decision.
 */

.site-content {
  --mt-thin: 720px;
}

/**
 *  A section's wrap sits inside the container's own padding, so it takes the
 *  measure directly.
 */
.site-content .mt-page-header .wrap,
.site-content .fuse-container > .wrap {
  max-width: var(--mt-thin);
}

/**
 *  A block placed straight into the page carries that padding itself, so it
 *  needs the measure plus the gutters if its text is to line up with the
 *  title above it rather than sit a gutter's width inside it.
 */
.site-content .travels-singular > *:not(.fuse-container) {
  max-width: calc(var(--mt-thin) + (var(--fuse-container-padding-x) * 2));
}