.listing{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-medium)}.listing-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.listing-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-small)}.listing-title h1{font-size:clamp(32px,4vw,48px);text-wrap:balance}.listing-count,.listing-filter-summary{margin:0;color:var(--text-muted);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.listing-genders ul,.listing-tags ul,.listing-empty ul,.listing-more ul,.pager ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.listing-genders ul{flex-wrap:nowrap;gap:var(--space-medium);overflow-x:auto;box-shadow:inset 0 -1px var(--hairline);scrollbar-width:none}.listing-genders li{flex:none}.listing-genders a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent;color:var(--text-muted);text-decoration:none}.listing-genders a:hover{color:var(--text)}.listing-genders a[data-active]{border-bottom-color:var(--accent);color:var(--text)}.listing-bar{position:relative;display:flex;align-items:center;gap:12px}.listing-tags{display:flex;flex:1 1 auto;align-items:center;gap:8px;min-width:0}.listing-tags ul{gap:8px}.listing-tags .listing-tag-strip{flex:0 1 auto;min-width:0;height:48px;margin:-6px;padding:6px;overflow:hidden}.listing-tag-strip:before{content:"";width:0;height:36px;margin-right:-8px}.listing-tag-strip li{flex:none}.listing-tags a,.listing-all-tags summary{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--hairline);border-radius:var(--radius-small);color:var(--text);font-size:var(--fs-small);text-decoration:none;white-space:nowrap;transition:border-color var(--motion-fast) ease-out,color var(--motion-fast) ease-out}.listing-tags a:hover,.listing-all-tags summary:hover{border-color:var(--text-muted)}.listing-tags a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.listing-all-tags{flex:none}.listing-all-tags summary{gap:8px;background:var(--surface-1);cursor:pointer;list-style:none}.listing-all-tags summary::-webkit-details-marker{display:none}.listing-all-tags summary:after{width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;content:"";transform:rotate(45deg);transition:transform var(--motion-fast) ease-out}.listing-all-tags[open] summary{border-color:var(--text-muted)}.listing-all-tags[open] summary:after{margin-top:3px;transform:rotate(225deg)}.listing-all-tags>ul{position:absolute;top:calc(100% + 8px);right:0;left:0;z-index:5;max-height:min(60vh,28rem);padding:var(--space-small);overflow-y:auto;border:1px solid var(--hairline);border-radius:var(--radius-small);background:var(--surface-1);box-shadow:0 16px 40px #00000080;animation:listing-panel var(--motion-fast) cubic-bezier(.16,1,.3,1)}@keyframes listing-panel{0%{opacity:0;transform:translateY(-4px)}}.listing-filters{display:flex;flex:none;align-items:center;gap:8px;margin-left:auto}.listing-filter select{min-height:36px;padding:0 10px;border:1px solid var(--hairline);border-radius:var(--radius-small);background:var(--surface-1);color:var(--text);font:inherit;font-size:var(--fs-small);transition:border-color var(--motion-fast) ease-out}.listing-filter select:hover{border-color:var(--text-muted)}.listing-filters .button{min-height:36px;padding-block:0}.listing-grid-section,.listing-offline{display:grid;gap:var(--space-medium)}.listing-offline h2{font-size:clamp(24px,2.2vw,30px)}.listing-offline-card{display:grid;gap:var(--space-small);align-content:start;min-width:0}.listing-empty{display:grid;gap:var(--space-medium);padding-block:var(--space-medium)}.listing-empty-line{max-width:36ch;margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:300;line-height:1.25}.listing-empty ul{gap:var(--space-small)}.listing-more{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px var(--space-small);color:var(--text-muted);font-size:var(--fs-small)}.listing-more ul{gap:var(--space-small)}.pager ul{gap:4px;font-size:var(--fs-small);font-variant-numeric:tabular-nums}.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border-radius:var(--radius-small);text-decoration:none}.pager a:hover{background:var(--surface-1)}.pager span[aria-current=page]{border:1px solid var(--accent);color:var(--accent)}.pager span[aria-disabled=true]{color:var(--text-muted);opacity:.5}.listing-intro{max-width:65ch;padding-top:var(--space-medium);border-top:1px solid var(--hairline);color:var(--text-muted);font-size:var(--fs-small);line-height:1.6}.listing-intro p{margin:0}.listing-intro p+p{margin-top:8px}@media(max-width:720px){.listing-bar{flex-wrap:wrap}.listing-tags{flex-basis:100%}.listing-filters{flex:1 1 100%;margin-left:0}.listing-filter{flex:1 1 0}.listing-filter select{width:100%;min-height:40px}}