.gl-grid{gap:var(--ff-space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));display:grid}.gl-grid.is-tall{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.gl-card{height:100%;padding:var(--ff-space-2);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);background:var(--ff-surface);flex-direction:column;gap:4px;display:flex}.gl-card:hover{border-color:var(--ff-accent-line)}.gl-pic{border-radius:var(--ff-radius);background:radial-gradient(ellipse at 50% 50%, var(--ff-surface-3), var(--ff-surface-2) 70%);aspect-ratio:5/3;place-items:center;display:grid;overflow:hidden}.is-tall .gl-pic{aspect-ratio:2/3}.is-square .gl-pic{aspect-ratio:1}.gl-pic img{object-fit:contain;width:100%;height:100%}.gl-name{color:var(--ff-fg-strong);font-size:var(--ff-text-sm);font-weight:var(--ff-weight-semibold);overflow-wrap:anywhere}.gl-sub{color:var(--ff-accent-text);font-family:var(--ff-font-mono);font-size:var(--ff-text-2xs);overflow-wrap:anywhere}.gl-more{margin-top:var(--ff-space-5)}.gd-link{align-items:center;gap:var(--ff-space-2);color:var(--ff-accent-text);font-size:var(--ff-text-sm);font-weight:var(--ff-weight-semibold);display:inline-flex}.gl-faq{margin-top:var(--ff-space-12);max-width:80ch}.gl-faq h2,.gl-related h2{margin-bottom:var(--ff-space-3);color:var(--ff-fg-strong);font-size:var(--ff-text-lg)}.gl-faq details{padding:var(--ff-space-3) 0;border-bottom:1px solid var(--ff-border-quiet)}.gl-faq summary{color:var(--ff-fg-strong);cursor:pointer;font-weight:var(--ff-weight-semibold)}.gl-faq p{margin-top:var(--ff-space-2);color:var(--ff-fg-muted);font-size:var(--ff-text-sm)}.gl-related{margin-top:var(--ff-space-10)}.gl-related ul{gap:var(--ff-space-2);flex-wrap:wrap;display:flex}.gl-related a{padding:var(--ff-space-1) var(--ff-space-3);border:1px solid var(--ff-border);border-radius:var(--ff-radius-pill);color:var(--ff-fg);font-size:var(--ff-text-sm);display:inline-block}.gl-related a:hover{border-color:var(--ff-accent-line)}