.puzzle-cards{grid-template-columns:repeat(auto-fill,minmax(14em,1fr));gap:1em;list-style:none;display:grid}main.listing{max-width:var(--md);flex-direction:column;gap:2em;margin:0 auto;padding:2em 1em 4em;display:flex}main.listing .listing-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1em;display:flex}main.listing .listing-header h1{letter-spacing:-.03em;font-family:Heal The Web;font-size:3em;line-height:1}main.listing .category-tabs{gap:.25em;display:flex}main.listing .category-tabs .tab{border:1px solid var(--color-dark);padding:.4em .9em;font-weight:700}main.listing .category-tabs .tab:hover{background-color:var(--color-secondary-active)}main.listing .category-tabs .tab.active{background-color:var(--color-dark);color:var(--color-surface)}main.listing .filters{border:1px solid var(--color-dark);flex-wrap:wrap;align-items:center;gap:1em;padding:1em;display:flex}main.listing .filters label{align-items:center;gap:.5em;display:flex}main.listing .filters select{border:1px solid var(--color-dark);background-color:var(--color-surface);font:inherit;padding:.4em .6em}main.listing .category-section{flex-direction:column;gap:1em;display:flex}main.listing .category-section>h2,main.listing .category-section .section-header{color:var(--color-surface);background-color:var(--color-1);justify-content:space-between;align-items:baseline;gap:1em;padding:1em;display:flex}main.listing .category-section h2{font-size:1.25em;font-weight:700}main.listing .category-section.featured>h2{background-color:var(--color-2);color:var(--color-dark)}main.listing .category-section .section-header .button.ghost{color:inherit}main.listing .empty-state{text-align:center;border:1px dashed var(--color-dark);opacity:.7;padding:2em}main.profile .profile-header{color:var(--color-surface);background-color:var(--color-1);align-items:flex-start;gap:1.5em;padding:2em 1em;display:flex}main.profile .profile-header .identity{flex-direction:column;gap:.5em;min-width:0;display:flex}main.profile .profile-header h1{letter-spacing:-.03em;font-family:Heal The Web;font-size:3em;line-height:1}main.profile .profile-header .bio{max-width:60ch}main.profile .profile-header .bio a{text-decoration:underline}main.profile .profile-header a.link{color:inherit}.avatar{border:1px solid var(--color-dark);object-fit:cover;background-color:var(--color-surface);flex-shrink:0;width:8em;height:8em}.avatar.placeholder{width:2em;height:2em;color:var(--color-dark);justify-content:center;align-items:center;font-family:Heal The Web;font-size:4em;display:flex}@media (width<640px){main.profile .profile-header{text-align:center;flex-direction:column;align-items:center}}