/* ==========================================================================
   Content well gutter and footer.
   Owning feature: app chrome
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* --- Content well / footer ------------------------------------------------ */
/* Horizontal gutter on the shell cap — vertical well padding lives with the
   consolidated .fh-content rule in the spacing block below. */
/* Gutter scales with the viewport (0.75rem on a phone → 2.5rem on a large
   display) instead of sitting at a flat 1.25rem, which read as cramped on a
   4K panel and as wasteful on a 360px one. min-width:0 stops a wide child
   (a table, a long path) from forcing the whole shell past 100vw. */
.fh-content > .container-fluid {
  padding: 0 var(--fh-gutter, 1.25rem);
  min-width: 0;
}
.fh-footer {
  background: #fff;
  border-top: 1px solid var(--fh-border);
  color: var(--fh-muted);
  font-size: var(--fh-text-xs);
  padding: 0.75rem var(--fh-gutter, 1.25rem);
}