.blog-page-shell.listing-page-shell{gap:12px}.listing-page-shell>.blog-page-heading{margin-bottom:8px}.listing-page-shell .post-feed{gap:16px}.listing-toolbar{margin:0}.listing-fields{display:grid;align-items:end;gap:12px}.listing-fields-products{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) 44px}.listing-filter-fields{display:contents}.listing-fields-blog{display:flex;flex-wrap:wrap}.listing-fields-blog .listing-field{flex:1 1 9em}.listing-fields-blog>.listing-search{flex:2 1 16em}.listing-reset{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--text);cursor:pointer}.listing-reset:hover:not(:disabled){background:var(--tag-bg);color:var(--tag-text)}.listing-reset:disabled{color:var(--text-muted);opacity:.4;cursor:default}.listing-field,.tag-filter-panel>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;color:var(--text-muted);font-size:13px}.listing-fields input:not([type=checkbox]),.listing-trigger{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--text);font:inherit;font-size:15px;line-height:1.4}.listing-fields input:focus-visible,.listing-pagination a:focus-visible,.listing-toolbar button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.listing-dropdown{position:relative}.listing-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.listing-trigger>span{min-width:0;overflow-wrap:anywhere}.listing-chevron{flex:0 0 auto;transition:transform var(--duration-fast)}.listing-trigger[aria-expanded=true] .listing-chevron{transform:rotate(180deg)}.listing-panel{position:absolute;z-index:20;top:calc(100% + 6px);right:0;width:100%;padding:6px;border:1px solid var(--border);border-radius:var(--radius-s);background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.listing-select-options{max-height:280px;overflow-y:auto}.listing-select-options [role=option]{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:40px;margin:0;padding:8px;border:0;border-radius:4px;background:transparent;color:var(--text);font:inherit;font-size:15px;line-height:1.4;text-align:left;cursor:pointer;overflow-wrap:anywhere}.listing-select-options [role=option]>:last-child{flex-shrink:0;width:1em}.listing-select-options [role=option][data-active=true]{background:var(--tag-bg);color:var(--tag-text)}.listing-select-options [role=option][aria-selected=true]{font-weight:600}.tag-filter-panel{padding:12px}.tag-filter-options{display:flex;flex-direction:column;max-height:220px;overflow-y:auto;margin:4px 0}.tag-filter-options label{display:flex;align-items:center;gap:8px;min-height:36px;padding:4px 0;overflow-wrap:anywhere;cursor:pointer;color:var(--text);font-size:14px;line-height:1.4}.tag-filter-options input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.tag-filter-options p{margin:8px 0;font-size:13px}.tag-filter-clear{display:block;width:100%;min-height:32px;margin:0;padding:6px 0 0;border:0;border-top:1px solid var(--border);background:transparent;color:var(--accent);font:inherit;font-size:13px;line-height:1.4;text-align:left;cursor:pointer}.listing-feedback{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13px;color:var(--text-muted)}.listing-feedback-active{margin-top:8px}.listing-feedback>span:empty{display:none}.listing-count{margin:0;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;line-height:1.5}.card-meta.catalog-card-meta{justify-content:flex-start;gap:8px 12px}.catalog-card-meta time{white-space:nowrap}.listing-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:8px;font-size:14px}.listing-pagination [aria-current],.listing-pagination a,.listing-pagination>[aria-disabled]{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:36px;min-height:44px;padding:4px 8px;border-radius:var(--radius-s)}.listing-pagination [aria-disabled]{color:var(--text-muted);opacity:.6}.listing-pagination [aria-current]{background:var(--tag-bg);color:var(--tag-text);font-weight:600}.listing-page-numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;min-width:0}.listing-page-numbers>span{display:inline-flex;align-items:center}.listing-page-numbers-compact{display:none}.pagination-ellipsis{padding:0 6px}.listing-pagination-arrow{width:16px;height:16px}.listing-fields input[type=date]{max-width:100%}@media (max-width:768px){.listing-page-shell .post-feed .feature-card p{padding:0}.listing-fields{grid-template-columns:minmax(0,1fr) 44px}.listing-fields-blog{display:grid}.listing-search{grid-column:1;grid-row:1}.listing-reset{grid-column:2;grid-row:1}.listing-filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5em),1fr));grid-column:1/-1;grid-row:2;align-items:end;gap:10px 12px}.listing-fields{gap:10px 12px}.listing-fields input:not([type=checkbox]),.listing-trigger{padding-inline:10px;font-size:14px}.listing-panel{max-width:min(320px,calc(100vw - 32px))}.listing-select-options [role=option],.tag-filter-clear,.tag-filter-options label{min-height:44px}.listing-pagination{gap:4px;font-size:12px}.listing-page-numbers-wide,.listing-pagination-label{display:none}.listing-page-numbers-compact{display:flex}.listing-page-numbers [aria-current],.listing-page-numbers a{min-width:28px;padding-inline:4px}.listing-pagination>[aria-disabled],.listing-pagination>a{min-width:40px;padding-inline:4px}.pagination-ellipsis{padding:0 4px}}@media (min-width:769px) and (max-width:1100px){.listing-fields-blog{display:grid;grid-template-columns:minmax(0,1fr) 44px}.listing-fields-blog>.listing-search{grid-column:1;grid-row:1}.listing-fields-blog>.listing-reset{grid-column:2;grid-row:1}.listing-fields-blog>.listing-filter-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;align-items:end;gap:12px}}