html, body {
  max-width: 100%;
  overflow-x: hidden;
}

.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap {
  max-width: 100%;
}

img, svg {
  max-width: 100%;
  height: auto;
}

/* RN Resources visual redesign — 2026-09-19 */
.rn-resources-hero {
  background-image: linear-gradient(90deg, rgba(5,4,8,.97) 0%, rgba(13,7,18,.9) 38%, rgba(18,8,24,.42) 68%, rgba(8,5,11,.16) 100%), url("https://relentless-nature.com/wp-content/uploads/2026/09/resources-hero-organized-archive-v1.png") !important;
  background-position: center center !important;
  background-size: cover !important;
  border-bottom-color: rgba(201,166,70,.5);
}
.rn-resources-hero-inner { max-width: 760px; position: relative; z-index: 1; }
.rn-resources-hero h1 { color: var(--rn-ivory,#f7f3ea) !important; max-width:760px; text-shadow:0 3px 28px rgba(0,0,0,.38); }
.rn-resources-lead { color: rgba(247,243,234,.92) !important; max-width:690px; }
.rn-resources-eyebrow { color: var(--rn-gold-bright,#e0bd5b) !important; }
.rn-resources-hero-search label { color: var(--rn-ivory,#f7f3ea) !important; }
.rn-resources-search-control { background:rgba(255,253,248,.97); border-color:rgba(224,189,91,.64); box-shadow:0 18px 42px rgba(0,0,0,.34); }
.rn-resources-hero .rn-resources-button:not(.rn-resources-button-primary) { color:var(--rn-ivory,#f7f3ea); }
@media (max-width:560px) {
  .rn-resources-hero {
    background-image: linear-gradient(180deg, rgba(5,4,8,.92) 0%, rgba(10,5,14,.86) 58%, rgba(10,5,14,.96) 100%), url("https://relentless-nature.com/wp-content/uploads/2026/09/resources-hero-organized-archive-v1.png") !important;
    background-position:67% center !important;
    padding-top:3.5rem;
    padding-bottom:3.5rem;
  }
}

/* RN Tools visual redesign — 2026-09-19 */
.rn-tools-hero {
  background-color: var(--rn-black,#050506) !important;
  background-image: linear-gradient(90deg,rgba(5,4,8,.97) 0%,rgba(11,6,16,.9) 42%,rgba(14,7,19,.34) 72%,rgba(5,4,8,.08) 100%),url("https://relentless-nature.com/wp-content/uploads/2026/09/tools-hero-precision-instruments-v1.png") !important;
  background-position:center center !important;
  background-size:cover !important;
}
.rn-tools-hero h1,.rn-tools-hero h2 { color:var(--rn-ivory,#f7f3ea) !important; max-width:780px; text-shadow:0 3px 28px rgba(0,0,0,.42); }
.rn-tools-lead { color:rgba(247,243,234,.92) !important; }
.rn-tools-hero .rn-tools-eyebrow,.rn-tools-hero-search label { color:var(--rn-gold-bright,#e0bd5b) !important; }
.rn-tools-hero .rn-button:not(.rn-button-primary) { border-color:rgba(247,243,234,.72) !important; color:var(--rn-ivory,#f7f3ea) !important; }
@media (max-width:560px) {
  .rn-tools-hero { background-image:linear-gradient(180deg,rgba(5,4,8,.9) 0%,rgba(10,5,14,.86) 60%,rgba(10,5,14,.97) 100%),url("https://relentless-nature.com/wp-content/uploads/2026/09/tools-hero-precision-instruments-v1.png") !important; background-position:72% center !important; }
}	

/* RN Visual QA P0 contrast repair — 2026-09-19 */
.rn-resources-filters .rn-resources-filter label { color: #f7f3ea !important; }
.rn-guided-progress { color: #f7f3ea !important; }
.rn-guided-progress::after { background: #5b5260 !important; }
.rn-guided-progress i { background: #e0bd5b !important; }


/* RN Visual QA header breakpoint preview — NOT PUBLISHED */
@media (min-width: 768px) and (max-width: 1399px) {
  .elementor-element-174c22c7 .elementor-nav-menu--main { display: none !important; }
  .elementor-element-174c22c7 .elementor-menu-toggle { display: flex !important; }
  .elementor-element-174c22c7 .elementor-nav-menu--dropdown { left: 0; position: absolute; right: 0; top: 100%; width: 100%; z-index: 999; }
}

  .elementor-element-174c22c7 .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown { display: block !important; }

/* Tools hero grid: keep padding within its 1360px container. */
@media (min-width: 1025px) {
  body.rn-design-system-v3.page-id-40853 .rn-tools-hero {
    padding-left: clamp(1.25rem, 3vw, 3rem);
    padding-right: clamp(1.25rem, 3vw, 3rem);
  }
}


/* Tools sections: size side padding to the section, not the viewport. */
@media (min-width: 1025px) {
  body.rn-design-system-v3.page-id-40853 .rn-tools-hub > section {
    padding-left: clamp(1.25rem, 3vw, 3rem);
    padding-right: clamp(1.25rem, 3vw, 3rem);
  }
}


/* Tools lower panels have important padding in the design-system stylesheet. */
@media (min-width: 1025px) {
  body.rn-design-system-v3.page-id-40853 .rn-tools-hub > .rn-tools-membership,
  body.rn-design-system-v3.page-id-40853 .rn-tools-hub > .rn-tools-course-bridge {
    padding-left: clamp(1.25rem, 3vw, 3rem) !important;
    padding-right: clamp(1.25rem, 3vw, 3rem) !important;
  }
}