/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Reserve the scrollbar gutter on both sides. Without this, a page long enough to scroll is
   ~15px narrower than the window, so anything centred with `margin: 0 auto` (the survey card,
   the login card) sits visibly left of the window centre — and jumps sideways between pages
   that scroll and pages that don't. */
html {
  scrollbar-gutter: stable both-edges;
}