/**
 * Design gallery — preview chrome (device frame lives in theme-preview.css).
 * Structural layout rules come from layouts/*.css via :is(#card-shell, .layout-preview-shell).
 */

/* Preview chrome shared with themes — see theme-preview.css (.ecard-preview-fit) */

/* Let layout CSS control structure; theme-preview.css sets mini typography */
.layout-preview-shell.layout-shell .card-scroll {
  display: flex;
  flex-direction: column;
}