/* One marketplace, independently loaded collections. */
[data-page="home"] .site-header { position:relative; max-width:1120px; margin:16px auto; border:1px solid #26334a; border-radius:22px; background:linear-gradient(120deg,#162239ee,#0d1424ee); }
[data-page="home"] .site-header .wrap { padding:14px 20px; }
[data-page="home"] .market-hero { max-width:1080px; margin:24px auto 34px; padding:42px 32px; border:1px solid #2d3b57; border-radius:28px; background:radial-gradient(ellipse at 5% 0%,#28659140,transparent 55%),radial-gradient(ellipse at 95% 100%,#7660c334,transparent 60%),linear-gradient(135deg,#17253c,#101726); box-shadow:0 20px 60px #0003; }
.market-hero .hero-kicker { color:#9cbafa; letter-spacing:.14em; }
.market-hero h1 { max-width:730px; margin-inline:auto; font-size:clamp(26px,4vw,46px); line-height:1.35; }
.market-hero > p:not(.hero-kicker):not(.hero-eyebrow) { max-width:620px; margin-inline:auto; color:#b2c2da; }
.home-filters { margin-block:0 24px; }
.home-filters .tabs { margin:0; }
.market-section { margin-block:32px 48px; scroll-margin-top:24px; }
.market-section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.market-section-heading > div { min-width:0; }
.market-section-heading h2 { margin:0; font-size:clamp(23px,2.6vw,29px); line-height:1.45; letter-spacing:-.025em; }
.section-eyebrow { color:#9fbff3; font-size:11px; font-weight:700; letter-spacing:.1em; margin:0 0 5px; }
.section-intro { color:#a5b4cd; font-size:13px; margin:8px 0 0; }
.collection-all { flex:none; display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 13px; font-size:13px; font-weight:700; text-decoration:none; border:1px solid #8fa7ef33; border-radius:12px; background:#607bae16; color:#d4e3ff; }
.collection-all:hover { background:#607bae2b; border-color:#8fa7ef88; }
#external-repo-container { display:block !important; max-height:none !important; overflow:visible !important; padding:0 !important; }
.collection-preview { min-width:0; }
.collection-carousel .collection-preview { display:grid; grid-auto-flow:column; grid-auto-columns:190px; gap:14px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scroll-padding-inline:2px; padding:3px 2px 16px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:#586d9b #111a2c; }
.collection-card { min-width:0; position:relative; display:grid; grid-template-rows:auto 1fr auto; align-items:start; gap:14px; padding:20px; border:1px solid #9fbbec26; border-radius:22px; background:radial-gradient(ellipse at 100% 0%,#4978b323,transparent 70%),linear-gradient(145deg,#1b2940,#121d31); box-shadow:inset 0 1px #ffffff08,0 8px 24px #0002; scroll-snap-align:start; transition:transform .18s ease,border-color .18s ease; cursor:pointer; }
.collection-icon { position:relative; display:grid; place-items:center; flex:none; width:64px; height:64px; border-radius:17px; overflow:hidden; background:linear-gradient(145deg,#3a5376,#263550); color:#c6d5ef; font-size:17px; font-weight:800; box-shadow:0 8px 22px #6186d01a; }
.collection-icon img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.collection-card-content { min-width:0; }
.collection-name { min-width:0; margin:0; color:#f1f5ff; font-size:16px; font-weight:700; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.collection-version { color:#a8b9d4; margin:6px 0 0; font-size:12px; overflow-wrap:anywhere; }
.collection-version bdi { color:#cfddf3; }
.collection-update { display:inline-block; color:#a3daca; font-size:10px; letter-spacing:.04em; margin-top:7px; }
.collection-release-note { display:block; color:#c7b3e2; font-size:10px; margin-top:7px; }
.collection-details { display:flex; align-items:center; justify-content:center; min-height:44px; width:100%; padding:9px 12px; border:1px solid #869fdf4d; border-radius:11px; background:linear-gradient(135deg,#33598a,#414c88); color:#fff; font-size:13px; font-weight:700; text-decoration:none; }
.collection-details:active,.collection-all:active { transform:translateY(1px); }
.collection-navigation { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }
.collection-navigation button { width:44px; height:44px; border:1px solid #607ba455; border-radius:50%; background:#1c2b43; color:#e0ebff; font-size:20px; cursor:pointer; }
.collection-navigation button:disabled { opacity:.3; cursor:default; }
.collection-grid { padding:26px; border-radius:28px; background:radial-gradient(ellipse at 0% 0%,#8670cd1d,transparent 65%),linear-gradient(145deg,#161d34,#101b2d); border:1px solid #b39ae62e; }
.collection-grid .section-eyebrow { color:#c0adef; }
.collection-grid .collection-preview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.collection-grid .collection-card { background:linear-gradient(145deg,#262740,#1a2236); border-color:#a193c42b; }





.collection-status { margin:12px 0; color:#aabbd4; font-size:14px; }
.collection-status[hidden],[data-page="collection"] [hidden] { display:none; }
.collection-page { max-width:1080px; margin:28px auto 70px; padding:0 24px; }
.collection-page > .back-link { display:inline-flex; align-items:center; min-height:44px; }
.collection-page > h1 { font-size:clamp(28px,5vw,42px); margin:24px 0 12px; }
.collection-tools { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-block:26px; }
.collection-search { display:flex; flex-direction:column; gap:6px; color:#aabbd4; font-size:12px; width:min(100%,360px); }
.collection-search input { min-width:0; min-height:48px; padding:12px 14px; border:1px solid #59729c77; border-radius:13px; color:#f1f5ff; background:#142039; font:inherit; font-size:16px; }
.collection-filters { display:flex; flex-wrap:wrap; gap:8px; }
.collection-filters button { min-height:44px; padding:8px 16px; border:1px solid #637da44d; border-radius:22px; color:#cad9ef; background:#142038; cursor:pointer; }
.collection-filters [aria-pressed="true"] { color:#061b1a; background:#8dd9cb; border-color:#8dd9cb; }
.collection-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.collection-more { display:block; min-width:170px; min-height:48px; margin:28px auto 0; padding:10px 24px; color:#fff; font:inherit; font-weight:700; border:1px solid #a6b7ee55; border-radius:14px; background:linear-gradient(120deg,#345a8a,#5c4d87); cursor:pointer; }
.detail-bundle { position:relative; margin-top:18px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; padding:15px; border:1px solid #94b5db33; border-radius:14px; background:#0d192a99; }
.detail-bundle-label { grid-column:1 / -1; color:#b3c4dc; font-size:12px; }
.detail-bundle code { min-width:0; overflow-wrap:anywhere; color:#e8f1ff; align-self:center; font-size:13px; user-select:all; }
.detail-bundle button { min-width:70px; min-height:44px; border:1px solid #849cce55; border-radius:10px; color:#e5efff; background:#31507c; cursor:pointer; }
.bundle-copy-status { grid-column:1 / -1; color:#a9dec8; font-size:12px; margin:0; }
.bundle-copy-status:empty { display:none; }
.detail-developer { position:relative; color:#bbcce3; margin:16px 0 0; font-size:13px; overflow-wrap:anywhere; }
@media(hover:hover) { .collection-card:hover { transform:translateY(-3px); border-color:#a0bff16e; } .collection-details:hover { filter:brightness(1.12); } }
@media(max-width:900px) { .collection-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
  [data-page="home"] .wrap.local-catalog-wrap { padding-inline:16px; }
  .market-section { padding-inline:16px; margin-block:28px 38px; }
  [data-page="home"] .market-hero { margin:18px 12px 28px; padding:28px 20px; }
  [data-page="home"] .site-header { margin:10px 12px; }
  .market-section-heading { align-items:flex-start; gap:8px; }
  .market-section-heading h2 { font-size:22px; }
  .section-intro { font-size:12px; max-width:220px; }
  .collection-all { padding-inline:10px; font-size:12px; }
  .collection-carousel .collection-preview { grid-auto-columns:170px; gap:12px; }
  .collection-grid { margin-inline:12px; padding:20px 14px; }
  .collection-grid .collection-preview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .collection-grid .collection-card { padding:14px 12px; gap:12px; border-radius:17px; }
  
  .collection-page { padding-inline:16px; }
  .collection-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .collection-list .collection-card { padding:14px; }
  .collection-name { font-size:15px; }
}
@media(max-width:359px) { .collection-grid .market-section-heading { flex-wrap:wrap; }    }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .collection-card,.collection-all,.collection-details { transition:none; } .collection-card:hover,.collection-details:active,.collection-all:active { transform:none; } }