/* ============================================================
   layout.css — Structural Containers & Layout Patterns
   Part of the Leo Bercoff modular CSS architecture
   ============================================================ */

/* ── Site Shell (index.html wrapper) ───────────────────── */
.site-shell {
  width: min(calc(100% - 36px), var(--max-width));
  margin-inline: auto;
}

/* ── Page Container (shared width pattern for sub-pages) ─ */
/*
 * Applied to the <main> and .site-footer in service pages
 * and the about page to keep content width consistent.
 */
.page-container {
  width: min(calc(100% - 36px), var(--max-width));
  margin-inline: auto;
}

/* ── Back-Home Navigation Link ─────────────────────────── */
/*
 * The "← Home" link present at the top of every page file
 * inside the /pages directory.
 */
.back-home {
  display: inline-block;
  margin: 28px auto 0;
  width: min(calc(100% - 36px), var(--max-width));
  color: var(--accent-dark);
  font-size: 0.92rem;
  font-weight: 750;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}