/* Additions to landing.css for /on-premise/, /rent-out-your-spark/ and
 * /first-engagement/. Load right after landing.css. */

/* Row lists whose last column differs in width per row: a fixed last column
 * keeps the descriptions aligned down the list. */
.lx-rows.lx-rows-even > .lx-row { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr) 11rem; }
.lx-rows.lx-rows-even > .lx-row > :last-child { justify-self: end; }
.lx-row .lx-row-meta + h3 { margin-top: 6px; }
.lx-row h3 + .lx-row-meta { display: block; margin-top: 6px; }

/* Short notes under a split or FAQ title. */
.lx-split-head .lx-lede { margin-bottom: 16px; }
.lx-faq-head .lx-lede { margin: 22px 0 0; }

@media (max-width: 960px) {
  .lx-rows.lx-rows-even > .lx-row { grid-template-columns: 1fr; }
  .lx-rows.lx-rows-even > .lx-row > :last-child { justify-self: start; }
}
/* Keep a long hero eyebrow on one line next to its dot on a phone. */
@media (max-width: 420px) {
  .lx-hero .lx-eyebrow { font-size: 11px; letter-spacing: 0.05em; }
}