/* ==========================================================================
   PAGE — Démo
   ========================================================================== */

.demo__preview {
  position: sticky;
  inset-block-start: var(--s-8);
  align-self: start;
}

.demo-line {
  display: grid;
  gap: var(--s-3);
}

@media (min-width: 40rem) {
  .demo-line { grid-template-columns: 2fr 1fr; }
}