/* C1 fixes loaded last (scripts/c-site/build.py). Values the palette tokens can't reach. */
/* beam background: teal original -> hue-shifted C1 copy (scripts/c-site/recolor.py) */
.al-pagehero,html[dir=rtl] .al-pagehero{background:var(--al-dark) url(img/bg-05-beam-lines-c1.webp) center/cover no-repeat}
.al-cta{background-color:var(--ail-bg-dark);background-image:url(img/bg-05-beam-lines-c1.webp)}
.al-hero__bg::after{background:linear-gradient(90deg,var(--ail-bg-dark) 0%,color-mix(in srgb,var(--ail-bg-dark) 85%,transparent) 40%,transparent 75%)}
/* C19c: .ail-flow column count follows the number of steps (components.css hard-codes 5); phones keep the stacked layout */
@media (min-width:961px){
  .ail-flow:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .ail-flow:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .ail-flow:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .ail-flow:has(>:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* C19q.1 (maya QA): safety net, an empty use-case body never adds its 24px margin */
.ail-usecase__text:empty{display:none}