.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.catalog-search { display:block; width:min(100%,560px); margin-inline:auto; }
.catalog-search input { width:100%; min-height:34px; margin:0; padding:7px 16px; border:1px solid var(--mw-line); border-radius:999px; outline:0; background:transparent; color:var(--mw-text); font:inherit; }
.catalog-search input::placeholder { color:var(--mw-muted); opacity:.72; }
.catalog-search input:hover { border-color:var(--mw-line-strong); }
.catalog-search input:focus { border-color:color-mix(in srgb,var(--mw-gold) 55%,var(--mw-line)); box-shadow:0 0 0 2px color-mix(in srgb,var(--mw-gold) 10%,transparent); }
.catalog-shell { min-height:100vh; background:var(--mw-canvas); }
.catalog-shell-header { position:sticky; top:0; z-index:8; display:grid; grid-template-columns:minmax(260px,1fr) minmax(280px,560px) minmax(260px,1fr); align-items:center; gap:16px; min-height:48px; padding:6px 14px; border-bottom:1px solid var(--mw-line); background:var(--mw-canvas); }
.catalog-shell-breadcrumbs { display:flex; align-items:center; gap:6px; min-width:0; white-space:nowrap; font-size:12px; }.catalog-shell-breadcrumbs a { color:var(--mw-muted); text-decoration:none; }.catalog-shell-breadcrumbs a:hover { color:var(--mw-text); }.catalog-shell-breadcrumbs span { color:var(--mw-line-strong); }.catalog-shell-breadcrumbs strong { overflow:hidden; color:var(--mw-text); text-overflow:ellipsis; }
.catalog-shell-header-actions { display:flex; justify-content:flex-end; gap:6px; }
.catalog-shell-layout { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:calc(100vh - 61px); }
.catalog-shell-navigation { padding:20px 14px; border-right:1px solid var(--mw-line); background:var(--mw-panel); }
.shell-catalog-navigation { padding:20px 14px; border-right:1px solid var(--mw-line); background:var(--mw-panel); }.shell-catalog-navigation h2,.catalog-shell-navigation h2 { margin:3px 0 14px; font-size:16px; }
.shell-category-tree,.shell-category-tree div,.shell-catalog-shortcuts { display:grid; gap:3px; }.shell-category-tree details { margin:0; padding:0; border:0; }.shell-category-tree summary { margin:0; padding:7px 8px; color:var(--mw-muted); cursor:pointer; }.shell-category-tree details>div { padding-left:10px; }.shell-category-tree button,.shell-catalog-shortcuts button { display:flex; justify-content:space-between; width:100%; padding:7px 9px; border-color:transparent; background:transparent; color:var(--mw-muted); text-align:left; }.shell-category-tree button:hover,.shell-category-tree button[aria-current="page"] { background:var(--mw-panel-raised); color:var(--mw-text); }.shell-category-tree button[aria-current="page"] { box-shadow:inset 2px 0 var(--mw-gold); }.shell-category-tree button strong { color:var(--mw-muted); font-size:10px; }
.catalog-shell-workspace { min-width:0; padding:22px; }
.catalog-browser-bar { display:grid; grid-template-columns:max-content minmax(180px,420px) 1fr; align-items:center; gap:var(--mw-space-3,12px); min-height:42px; margin-top:14px; padding-block:7px; border-block:1px solid var(--mw-line); color:var(--mw-muted); font-size:11px; }
.catalog-browser-search { width:100%; margin:0; }.catalog-browser-search input { min-height:30px; padding-block:5px; }
.catalog-browser-actions { display:flex; align-items:center; justify-content:flex-end; gap:var(--mw-space-2,8px); min-width:0; }.catalog-browser-actions>details.catalog-control-menu { flex:0 0 28px; width:28px; margin:0; padding:0; border:0; border-radius:0; }.catalog-icon-button { display:grid; flex:0 0 28px; width:28px; height:28px; box-sizing:border-box; place-items:center; padding:0; border:1px solid var(--mw-line); border-radius:var(--mw-radius); background:transparent; color:var(--mw-muted); }
.catalog-filter-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:var(--mw-space-2,8px); }.catalog-filter-chips:empty { display:none; }.catalog-filter-chips>button { padding:4px 8px; border:1px solid var(--mw-line); border-radius:var(--mw-radius-pill,999px); background:transparent; color:var(--mw-muted); }
.catalog-control-menu { position:relative; margin:0; padding:0; border:0; }.catalog-control-menu>summary { display:grid; width:28px; height:28px; box-sizing:border-box; place-items:center; margin:0; padding:0; border:1px solid var(--mw-line); border-radius:var(--mw-radius); background:transparent; color:var(--mw-muted); cursor:pointer; list-style:none; font-size:18px; }.catalog-control-menu>summary::-webkit-details-marker { display:none; }.catalog-control-menu>summary:hover,.catalog-control-menu[open]>summary { border-color:var(--mw-gold); color:var(--mw-text); }.catalog-control-menu>summary svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; }
.catalog-control-menu>div { position:absolute; z-index:20; top:calc(100% + 5px); right:0; display:grid; min-width:160px; padding:6px; border:1px solid var(--mw-line-strong); border-radius:var(--mw-radius); background:var(--mw-panel); box-shadow:0 8px 20px #0008; }.catalog-control-menu>div p { margin:3px 7px 6px; color:var(--mw-muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }.catalog-control-menu>div button { padding:7px 8px; border-color:transparent; background:transparent; color:var(--mw-muted); text-align:left; }.catalog-control-menu>div button:hover,.catalog-control-menu>div button[aria-current="true"] { background:var(--mw-panel-raised); color:var(--mw-text); }
@media(max-width:900px){.catalog-shell-header{grid-template-columns:1fr;gap:7px}.catalog-shell-header-actions{justify-content:flex-start}.catalog-shell-layout{grid-template-columns:1fr}.catalog-shell-navigation{border-right:0;border-bottom:1px solid var(--mw-line)}.catalog-shell-workspace{padding:16px}.catalog-browser-bar{grid-template-columns:max-content minmax(140px,1fr) max-content}}
.social-card { display:block; min-width:0; color:var(--mw-text); text-decoration:none; border-radius:var(--mw-radius); }
.social-card.has-share-action { position:relative; }
.social-card-primary { display:contents; color:inherit; text-decoration:none; }
.social-card.has-share-action .social-card-caption { padding-right:2rem; }
.social-card-share { position:absolute; right:0; bottom:9px; display:grid; width:24px; height:24px; padding:4px; place-items:center; border:0; border-radius:var(--mw-radius); background:transparent; color:var(--mw-muted); cursor:pointer; }
.social-card-share:hover,.social-card-share:focus-visible { color:var(--mw-gold); background:var(--mw-canvas-raised); }
.social-card-share svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; }
.catalog-entries { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr)); gap:10px; margin-top:16px; }
.catalog-entries[data-view="list"] { grid-template-columns:1fr; gap:4px; }
.catalog-entries[data-view="large"] { grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); }
.social-card-media { position:relative; display:grid; place-items:center; aspect-ratio:1; overflow:hidden; border:1px solid var(--mw-line-strong); border-radius:var(--mw-radius); background:#28271f; }
.social-card-fallback { color:var(--mw-muted); font-size:48px; }
.social-card-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.social-card-image.is-default { filter:saturate(.5); opacity:.5; }
.social-card-badge { position:absolute; top:12px; left:12px; padding:4px 8px; border-radius:var(--mw-radius); background:var(--mw-panel); font-size:12px; }
.social-card-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; background:linear-gradient(transparent,rgba(13,13,14,.96)); opacity:0; transform:translateY(8px); transition:opacity 160ms ease,transform 160ms ease; }
.social-card-overlay h2 { display:none; }.social-card-overlay p { display:-webkit-box; overflow:hidden; margin:0 0 12px; font-size:14px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:4; }.social-card-overlay>span { color:var(--mw-gold); font-size:12px; }
.social-card:hover .social-card-overlay,.social-card:focus-visible .social-card-overlay { opacity:1; transform:none; }.social-card:hover .social-card-media { border-color:var(--mw-gold); }
.social-card-caption { display:flex; align-items:center; gap:.4rem; padding:10px 0; color:var(--mw-muted); font-size:12px; line-height:1.4; }.social-card-caption h2 { min-width:0; overflow:hidden; margin:0; color:var(--mw-text); font-size:15px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.social-card-caption-badge { display:none; padding:2px 6px; border-radius:var(--mw-radius-pill,999px); background:var(--mw-canvas-raised); color:var(--mw-muted); font-size:10px; white-space:nowrap; }
.social-card-metrics { display:flex; flex-shrink:0; gap:.6rem; margin-left:auto; font-size:11px; opacity:.75; }.social-card-metrics>span { display:inline-flex; align-items:center; gap:.2rem; }.social-card-metrics svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; }
.social-catalog-entry-stats { display:none; margin:0; padding:0 0 12px; }.social-catalog-entry-stats div { display:grid; gap:3px; }.social-catalog-entry-stats dt { color:var(--mw-muted); font-size:10px; text-transform:uppercase; letter-spacing:.06em; }.social-catalog-entry-stats dd { margin:0; color:var(--mw-text); font-size:14px; }
.catalog-entries[data-view="list"] .social-catalog-entry { display:grid; grid-template-columns:76px minmax(0,1fr); overflow:hidden; border:1px solid var(--mw-line); background:var(--mw-panel); }.catalog-entries[data-view="list"] .social-catalog-entry .social-card-media { min-height:64px; aspect-ratio:auto; border:0; border-right:1px solid var(--mw-line); border-radius:0; }.catalog-entries[data-view="list"] .social-catalog-entry .social-card-fallback { font-size:10px; }.catalog-entries[data-view="list"] .social-catalog-entry .social-card-badge { top:4px; left:4px; padding:2px 4px; font-size:8px; }.catalog-entries[data-view="list"] .social-catalog-entry .social-card-caption { min-width:0; padding:8px 12px; }.catalog-entries[data-view="list"] .social-catalog-entry .social-card-metrics [title="Views"] { display:none; }
.catalog-entries[data-view="large"] .social-catalog-entry { overflow:hidden; border:1px solid var(--mw-line); background:var(--mw-panel); }.catalog-entries[data-view="large"] .social-catalog-entry .social-card-media { border:0; border-bottom:1px solid var(--mw-line); border-radius:0; }.catalog-entries[data-view="large"] .social-catalog-entry .social-card-caption { padding-inline:14px; }.catalog-entries[data-view="large"] .social-catalog-entry-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(80px,1fr)); gap:8px; padding-inline:14px; }
@media(hover:none){.social-card-overlay{position:static;width:100%;opacity:1;transform:none;background:var(--mw-panel)}.social-card-media{display:flex;flex-direction:column;aspect-ratio:auto}.social-card-fallback{display:grid;min-height:160px;place-items:center}.social-card-overlay p{-webkit-line-clamp:3}.social-card-media:has(.social-card-image){aspect-ratio:1}.social-card-media:has(.social-card-image) .social-card-overlay{position:absolute;inset:auto 0 0}}
@media(max-width:700px){.social-card-overlay{padding:12px}}
@media(prefers-reduced-motion:reduce){.social-card-overlay{transition:none}}

/* Standalone browser: no shell or sidebar required. */
.catalog-shell-layout[data-navigation="none"] { grid-template-columns:minmax(0,1fr); }
.catalog-browser .catalog-browser-bar {
  grid-template-columns:minmax(180px,410px) max-content minmax(24px,1fr) max-content max-content;
  margin-top:0;
  border-top:0;
}
.catalog-browser .catalog-browser-bar .catalog-browser-search { grid-column:1; }
.catalog-browser .catalog-browser-bar > [role="status"] { grid-column:2; white-space:nowrap; }
.catalog-browser .catalog-filter-chips { grid-column:4; margin:0; flex-wrap:nowrap; justify-content:flex-end; }
.catalog-browser .catalog-browser-bar .catalog-browser-actions { grid-column:5; }
.browser-results { min-width:0; }
.browser-message { margin-top:16px; padding:48px 20px; text-align:center; background:var(--mw-panel); border:1px solid var(--mw-line); border-radius:var(--mw-radius); }
.browser-message button,.browser-load-more button { color:var(--mw-text); background:var(--mw-panel-raised); border:1px solid var(--mw-line-strong); border-radius:var(--mw-radius); font:inherit; padding:10px 16px; cursor:pointer; }
.browser-load-more { text-align:center; margin-top:28px; }
.browser-load-more small { display:block; color:var(--mw-muted); margin-top:12px; font-size:12px; }
@media(max-width:600px) {
  .catalog-browser .catalog-browser-bar { grid-template-columns:minmax(0,1fr) max-content; }
  .catalog-browser .catalog-browser-bar .catalog-browser-search { grid-column:1; grid-row:1; }
  .catalog-browser .catalog-browser-bar > [role="status"] { grid-column:2; grid-row:1; }
  .catalog-browser .catalog-filter-chips { grid-column:1; grid-row:2; justify-content:flex-start; flex-wrap:wrap; }
  .catalog-browser .catalog-browser-bar .catalog-browser-actions { grid-column:2; grid-row:2; }
}