.gen-list-page{display:flex;flex-direction:column;gap:18px}.gen-list-page .listing-header{margin-bottom:0}.gen-list-page .listing-header .lead{margin-bottom:0;max-width:720px}.gen-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:720px){.gen-list{grid-template-columns:1fr}}.gen-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid rgba(var(--contrast-rgb),.04);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);transition:background .15s ease,border-color .15s ease}.gen-card:hover{background:var(--bg-hover);border-color:rgba(var(--primary-rgb),.35);text-decoration:none}.gen-card__preview{position:relative;aspect-ratio:1000 / 221;background-color:var(--bg-elevated);overflow:hidden}.gen-card__preview img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:crisp-edges}.gen-card__badge{position:absolute;top:10px;left:10px;padding:2px 8px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.gen-card__body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}.gen-card__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--text);letter-spacing:-.005em;line-height:1.25}.gen-card__desc{margin:0;color:var(--text-muted);font-size:.87rem;line-height:1.5}.gen-card__cta{margin-top:2px;display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:.82rem;font-weight:600;transition:gap .15s ease}.gen-card:hover .gen-card__cta{gap:8px}