.gf-chips{flex-wrap:wrap;gap:.4rem;display:flex}@media (max-width:639px){.gf-chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1.25rem;padding:.1rem 1.25rem .4rem;overflow-x:auto}.gf-chip{flex:none}}.gf-chip{border:1px solid var(--color-rule);color:var(--color-navy);cursor:pointer;background:#fffc;border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .85rem;font-size:.88rem;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.gf-chip span{color:var(--color-dim);font-variant-numeric:tabular-nums;font-size:.75rem}.gf-chip:hover{border-color:var(--color-navy)}.gf-chip.is-on{border-color:var(--color-navy);background:var(--color-navy);color:var(--color-ice)}.gf-chip.is-on span{color:var(--color-mint)}.gf:not([data-filter=all]) .gf-section{display:none}.gf[data-filter=claude-code] .gf-section[data-cat=claude-code],.gf[data-filter=automation] .gf-section[data-cat=automation],.gf[data-filter=vibe-coding] .gf-section[data-cat=vibe-coding],.gf[data-filter=content-creation] .gf-section[data-cat=content-creation],.gf[data-filter=choosing-a-course] .gf-section[data-cat=choosing-a-course],.gf[data-filter=ai-for-roles] .gf-section[data-cat=ai-for-roles],.gf[data-filter=learn-ai] .gf-section[data-cat=learn-ai]{margin-top:2rem;display:block}
