/* Opt-in, four across at every width. Artwork comes from the simulator hub. */
.fs-foundation .fs-compact-promos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fs-foundation .fs-compact-promo{display:block;min-width:0;color:var(--fs-ink);text-decoration:none;border-radius:var(--fs-radius);padding-bottom:8px}
.fs-compact-promo img{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--fs-line);border-radius:var(--fs-radius);content:var(--fs-promo-light)}
html[data-fs-theme=dark] .fs-compact-promo img{content:var(--fs-promo-dark)}
.fs-foundation[data-fs-preview-theme=light] .fs-compact-promo img{content:var(--fs-promo-light)}
.fs-foundation[data-fs-preview-theme=dark] .fs-compact-promo img{content:var(--fs-promo-dark)}
.fs-compact-promo-label{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:12px;font:700 16px/1.35 var(--fs-font-heading)}
.fs-compact-promo-label>span{color:var(--fs-link)}
.fs-compact-promo-detail{display:block;margin-top:4px;font:400 13px/1.5 var(--fs-font-body);color:var(--fs-muted)}
.fs-compact-promo:hover .fs-compact-promo-label{text-decoration:underline;text-underline-offset:4px}
.fs-compact-promo:hover img{border-color:var(--fs-link)}
@media(max-width:640px){
  .fs-foundation .fs-compact-promos{gap:8px}
  .fs-compact-promo-label{font-size:11px;line-height:1.45;margin-top:8px;display:block}
  .fs-compact-promo-label>span,.fs-compact-promo-detail{display:none}
  .fs-compact-promo img{border-radius:8px}
}