/* =====================================================================
 * /services/ - the card rows stand level
 *
 * The rule that does the work is one declaration per row and it is written
 * inline by inc/ccx-svclayout.php, because the list of rows lives in PHP:
 * the row stretches its children instead of centring them, so every card of
 * a line takes the height of the tallest card in that line and all of them
 * start on the same top edge.
 *
 * TWO THINGS THAT DID NOT NEED A RULE, MEASURED RATHER THAN ASSUMED
 *
 * A card that grows could have let its content drift to the middle, and the
 * two spans the glow engine puts inside a card could have taken a share of
 * the new height. Both were measured on the live page before anything was
 * written for them:
 *
 *   a card is a column with flex-wrap: nowrap and justify-content at
 *   flex-start, so its content stays at the top of whatever height it is
 *   given. align-content does nothing at all to a flex container with a
 *   single line, so a rule using it would have been decoration.
 *
 *   .mmrb-glowcard__edge and __fill are position: absolute. They read the
 *   box of their host, follow it when it grows and are outside the flow, so
 *   no alignment applies to them.
 *
 * What is left is the one place where stretching alone is not enough.
 * ===================================================================== */

/* THE TWO LARGE APP CARDS, BETWEEN 768 AND 1024
 *
 * They stand side by side there, and the second one carries 24px of space
 * above it. That space is meant for the width below, where the two sit one
 * under the other and it is the air between them; while they stand beside
 * each other it is simply a card pushed down, and once both of them fill
 * the height of their line the one with the margin is 24px shorter than its
 * neighbour and starts 24px lower. Both keep their bottom edge, so the
 * offset shows along the top, which is the edge a reader compares.
 *
 * Taken off for that range only. Below 768 the two stack and the margin is
 * the air between them, above 1024 the page does not set it. */
@media (min-width: 768px) and (max-width: 1024px) {
  body.ccsl-svc .elementor-element[data-id="c9564ff"] {
    margin-top: 0;
  }
}

/* rv:20260831a cache refresh */