/*
 * Scoped presentation for the nine Divi-free v2 legacy conversions.
 * Values follow the archived modules' recurring source settings: #ba0000 brand
 * red, black image-overlay hero, 90% rows, two-column content, 35px headings,
 * white form panel, award-logo strip, and bordered FAQ toggles.
 */
:where(.fuel-industries-page--legacy-native, .fuel-industries-page[data-fuel-source-post-id="17620"]) {
  --fuel-legacy-red: #ba0000;
  --fuel-legacy-ink: #111;
  --fuel-legacy-copy: #2f3338;
  --fuel-legacy-line: #d9dde2;
  --fuel-legacy-soft: #fcfcfc;
  --fuel-legacy-shell: 1280px;
  background: #fff;
  color: var(--fuel-legacy-copy);
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  inline-size: 100%;
  margin: 0;
  max-inline-size: none !important;
  overflow-x: clip;
}

body:has(.fuel-industries-page--legacy-native) main.site-main,
body:has(.fuel-industries-page[data-fuel-source-post-id="17620"]) main.site-main,
body:has(.fuel-industries-page--legacy-native) main.site-main > .page-content,
body:has(.fuel-industries-page[data-fuel-source-post-id="17620"]) main.site-main > .page-content {
  inline-size: 100%;
  margin: 0;
  max-inline-size: none;
  padding: 0;
}

body:has(.fuel-industries-page--legacy-native) main.site-main > .page-header,
body:has(.fuel-industries-page[data-fuel-source-post-id="17620"]) main.site-main > .page-header {
  display: none;
}

.fuel-industries-page--legacy-native *,
.fuel-industries-page[data-fuel-source-post-id="17620"] * {
  box-sizing: border-box;
}

.fuel-industries-page--legacy-native :where(img, svg),
.fuel-industries-page[data-fuel-source-post-id="17620"] :where(img, svg) {
  block-size: auto;
  max-inline-size: 100%;
}

.fuel-industries-page--legacy-native :where(h1, h2, h3, h4),
.fuel-industries-page[data-fuel-source-post-id="17620"] :where(h1, h2, h3, h4) {
  color: var(--fuel-legacy-ink);
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-weight: 800;
  line-height: 1.25;
  margin-block: 0 0.65em;
}

.fuel-industries-page--legacy-native h1 { font-size: clamp(2.2rem, 4.2vw, 3.6rem); }
.fuel-industries-page--legacy-native h2 { font-size: clamp(1.9rem, 3.2vw, 2.1875rem); }
.fuel-industries-page--legacy-native h3 { font-size: clamp(1.3rem, 2vw, 1.65rem); }
.fuel-industries-page--legacy-native :where(p, ul, ol, figure) { margin-block: 0 1.2rem; }
.fuel-industries-page--legacy-native a { color: var(--fuel-legacy-red); }

.fuel-industries-page--legacy-native .fuel-legacy-section {
  background-color: #fff;
  padding-block: clamp(52px, 6vw, 82px);
}

.fuel-industries-page--legacy-native .fuel-legacy-section[style*="--fuel-section-bg"] {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), var(--fuel-section-bg);
  background-position: center;
  background-size: cover;
}

.fuel-industries-page--legacy-native .fuel-legacy-section:first-child {
  color: #fff;
}

.fuel-industries-page--legacy-native .fuel-legacy-section:first-child :where(h1, h2, h3, p, li) {
  color: inherit;
}

.fuel-industries-page--legacy-native .fuel-legacy-section:first-child h1,
.fuel-industries-page--legacy-native .fuel-legacy-section:first-child h2 {
  font-size: clamp(2rem, 4vw, 2.8125rem);
  font-weight: 600;
  line-height: 1.4;
}

.fuel-industries-page--legacy-native .fuel-legacy-row {
  align-items: start;
  display: grid;
  gap: clamp(28px, 4vw, 52px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
  inline-size: 90%;
  margin-inline: auto;
  max-inline-size: var(--fuel-legacy-shell);
}

.fuel-industries-page--legacy-native .fuel-legacy-row + .fuel-legacy-row {
  margin-block-start: clamp(36px, 5vw, 68px);
}

.fuel-industries-page--legacy-native .fuel-legacy-section:first-child > .fuel-legacy-row:first-child:has(> :nth-child(2)) {
  grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
}

.fuel-industries-page--legacy-native .fuel-legacy-column {
  min-inline-size: 0;
}

.fuel-industries-page--legacy-native .fuel-legacy-section:first-child .fuel-legacy-column:has(.fuel-inline-cta) {
  background: #fff;
  border-radius: 4px;
  color: var(--fuel-legacy-ink);
  padding: 25px 15px;
}

.fuel-industries-page--legacy-native .fuel-legacy-blurb {
  align-items: flex-start;
  display: flex;
  font-size: clamp(18px, 2vw, 20px);
  gap: 12px;
  margin-block: 12px;
}

.fuel-industries-page--legacy-native .fuel-legacy-blurb::before {
  color: var(--fuel-legacy-red);
  content: "✓";
  flex: 0 0 auto;
  font-weight: 900;
}

.fuel-industries-page--legacy-native .fuel-inline-cta {
  background: #000;
  margin: 0 0 10px;
  padding: 8px;
  text-align: center;
}

.fuel-industries-page--legacy-native .fuel-button-primary {
  align-items: center;
  background: var(--fuel-legacy-red);
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  min-block-size: 48px;
  padding: 11px 18px;
  text-decoration: none;
}

.fuel-industries-page--legacy-native .fuel-legacy-logo-grid {
  align-items: center;
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.fuel-industries-page--legacy-native .fuel-legacy-logo {
  inline-size: auto;
  margin-inline: auto;
  max-block-size: 82px;
  object-fit: contain;
}

.fuel-industries-page--legacy-native .fuel-legacy-image {
  margin: 0;
  text-align: center;
}

.fuel-industries-page--legacy-native .fuel-legacy-image img {
  inline-size: 100%;
}

.fuel-industries-page--legacy-native .fuel-legacy-cta {
  background: #0c71c3;
  color: #fff;
  padding: clamp(28px, 4vw, 48px);
  text-align: center;
}

.fuel-industries-page--legacy-native .fuel-legacy-cta :where(h2, p) {
  color: inherit;
}

.fuel-industries-page--legacy-native .fuel-legacy-toggle {
  background: #fff;
  border: 1px solid #9b9b9b;
  border-radius: 5px;
  margin-block: 12px;
  padding: 16px 18px;
}

.fuel-industries-page--legacy-native .fuel-legacy-toggle summary {
  color: var(--fuel-legacy-red);
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.fuel-industries-page--legacy-native .fuel-legacy-toggle[open] summary {
  margin-block-end: 12px;
}

.fuel-industries-page[data-fuel-source-post-id="17620"] {
  margin-inline: auto;
  max-inline-size: 900px !important;
  padding: clamp(36px, 5vw, 72px) clamp(20px, 4vw, 48px);
}

.fuel-industries-page[data-fuel-source-post-id="17620"] h3 {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin-block-start: 2rem;
}

@media (max-width: 900px) {
  .fuel-industries-page--legacy-native .fuel-legacy-section:first-child > .fuel-legacy-row:first-child:has(> :nth-child(2)) {
    grid-template-columns: 1fr;
  }

  .fuel-industries-page--legacy-native .fuel-legacy-logo-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .fuel-industries-page--legacy-native .fuel-legacy-row { inline-size: calc(100% - 40px); }
  .fuel-industries-page--legacy-native .fuel-legacy-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
