.collection-section{background:var(--color-bg-page);padding:var(--section-padding-v) 0}.collection-section__inner{max-width:var(--page-max-width);margin:0 auto;padding:0 var(--page-margin)}.collection-breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:20px;flex-wrap:wrap}.collection-breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease)}.collection-breadcrumb a:hover{color:var(--color-accent)}.collection-breadcrumb__sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.collection-breadcrumb__current{color:var(--color-text-primary)}.collection-header{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;flex-wrap:wrap}.collection-header__title{font-size:26px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.2}.collection-header__count{font-size:var(--font-size-small);color:var(--color-text-muted)}.collection-sticky{position:sticky;top:var(--header-height);z-index:var(--z-overlay);background:var(--color-bg-page)}.collection-sticky{margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin)}.collection-sticky.is-stuck{box-shadow:0 1px 0 var(--color-border),var(--shadow-sticky)}.collection-sticky__sentinel{height:0}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.collection-toolbar__status{font-size:var(--font-size-small);color:var(--color-text-muted)}.collection-toolbar__sort{display:flex;align-items:center;gap:6px;position:relative;margin-left:auto}.collection-toolbar__sort-label{font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap}.collection-toolbar__sort-btn{height:var(--input-height-md);font-size:12px;color:var(--color-text-primary);justify-content:space-between;gap:var(--space-3);min-width:170px}.cf-popover--sort{left:auto;right:0}.cf-sort-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px var(--space-4);font-size:var(--font-size-body);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap;transition:var(--transition-fast)}.cf-sort-option:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.cf-sort-option--active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.cf-sort-option__check{flex-shrink:0;color:var(--color-accent)}.collection-grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 4),1fr);gap:var(--grid-gap, 10px);margin-bottom:32px}.collection-empty-state{text-align:center;padding:var(--space-16) var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-small)}.collection-empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-muted)}.collection-empty-state__title{margin:0 0 var(--space-2);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.collection-empty-state__message{margin:0 0 var(--space-6);font-size:var(--font-size-body);color:var(--color-text-muted)}.collection-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:24px 0 0}.collection-pagination a,.collection-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);text-decoration:none;transition:background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.collection-pagination a{color:var(--color-text-primary);background:var(--color-bg-card);border:var(--border-control) solid var(--color-border)}.collection-pagination a:hover{border-color:var(--color-accent);color:var(--color-accent)}.collection-pagination .pagination--current{background:var(--color-accent);color:var(--color-text-inverse);border:var(--border-control) solid var(--color-accent)}.collection-pagination .pagination--disabled{color:var(--color-text-muted);border:var(--border-control) solid var(--color-border);cursor:default;opacity:.5}@media(max-width:47.9em){.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-toolbar__sort-label{display:none}.collection-toolbar__sort-btn{min-width:0;font-size:11px}.collection-sticky{margin-inline:0;padding-inline:0}}