/* Vibration Institute (Vibration-Institute.plumgrove.us). Ported verbatim from
   its inline HEAD <style> (2026-09-22); the R2 addition is at the end.
   Self-contained: this client does not load global/global.css (see loader.js). */

body {
  display: flex;
  flex-direction: column;
  letter-spacing: normal;
}

body, html {
  min-height: 100vh;
}

.footer {
  margin-top: auto;
  padding-bottom: 75px;
}

/* ---- R2 addition (not in the legacy inline <style>) ---- */

/* The flex-column body sizes Bootstrap's centred .container to its content,
   so one wide child (Kendo's Settings TabStrip, a product carousel) widened
   the whole page on phones. Cap it at the viewport; pages that fit are unchanged. */
body > .container {
  max-width: 100%;
}