.hub-grid{gap:1rem;display:grid}.hub-grid>*{display:grid}.hub-card{border-radius:var(--radius-xl);background:var(--color-card);transition:background-color var(--dur-fast);grid-template-rows:auto auto 1fr auto;gap:.75rem;padding:1.75rem;display:grid}.hub-card:hover{background:var(--color-muted)}.hub-card-media{background:color-mix(in oklab, var(--color-electric) 16%, transparent);width:3.5rem;height:3.5rem;color:var(--color-electric);border-radius:.875rem;place-items:center;margin-bottom:.5rem;display:grid;overflow:hidden}.hub-card-media img{object-fit:cover;width:100%;height:100%}.hub-card-media .guide-tile-csv{width:100%;height:100%}.hub-card-title{font-size:var(--text-title);font-weight:700;line-height:1.25}.hub-card-body{max-width:44ch;color:var(--color-muted-fg);font-size:var(--text-body);line-height:1.5}.hub-card-arrow{color:var(--color-electric);transition:translate var(--dur-fast);margin-top:.5rem}.hub-card:hover .hub-card-arrow{translate:.25rem}.hub-note{max-width:64ch;color:var(--color-muted-fg);font-size:var(--text-body);margin-top:2.5rem;line-height:1.6}@media (min-width:768px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.hub-grid:not([data-count="2"],[data-count="4"]){grid-template-columns:repeat(3,minmax(0,1fr))}}