/* ==========================================================================
   Roads Connect static site: layout fixes (2026-10-24)
   Fixes problems inherited from the original Elementor/Astra pages:
   text 10px from the screen edge, sideways scrolling, very tight line spacing.
   Loaded last in <head> so it overrides the Elementor/theme CSS.
   ========================================================================== */

:root { --st-gutter: clamp(16px, 4vw, 48px); }

/* No sideways scrolling. */
html, body { overflow-x: clip; }
@supports not (overflow-x: clip) { html { overflow-x: hidden; } }

/* Side gutters so text never sits against the screen edge. */
.elementor-section > .elementor-container {
  padding-left: var(--st-gutter);
  padding-right: var(--st-gutter);
  box-sizing: border-box;
}

/* Comfortable line spacing for body text and lists. */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li { line-height: 1.5 !important; }

/* Features page headings were set to line-height 1.0. */
.elementor-element-a4f23bc .elementor-heading-title,
.elementor-element-08e5c9c .elementor-heading-title, .elementor-element-f5e6267 .elementor-heading-title,
.elementor-element-a3b6b95 .elementor-heading-title, .elementor-element-d963a2d .elementor-heading-title,
.elementor-element-f1ab81e .elementor-heading-title { line-height: 1.25 !important; }