/* Collection Discovery — scoped additions. Pairs with /stylesheet.css. */
/* ⚠️ THE FINDER SITS ON --card-bg, WHICH IS NEAR-WHITE, so it inherited the DARK-surface greys:
   --text-faint #9c9589 measured 2.97:1 there and #ccgFitsNow's gold 3.25:1 — three below-AA elements
   on the homepage, and the last contrast failures on the site once the footer was fixed.
   Redefined locally, not globally, because the same tokens are correct on the dark bands. */
.ccg-finder{--text-faint:#6b6558;--text-muted:#5c5445;--gold:#7a5d15;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);
  box-shadow:var(--card-shadow);max-width:820px;margin:0 auto;padding:1.25rem}
/* The page canvas is flat navy (see stylesheet.css) and /collections/ is the ONE page
   with no .content-box — so its chrome text sits on navy while its own cards stay light.
   Scope the canvas ink to this page only, and re-declare it on every light container. */
.collections-page{--text-main:#e8e4dc;--text-muted:#a9a396;--text-faint:#8d887d}
/* ⛔ --text-faint HERE WAS #9c9589, WHICH IS A DARK-SURFACE VALUE — on these light panels it measured
   **2.97:1**, and it was the single biggest source of below-AA text on /collections/ (149 elements:
   filter labels, chip labels, result subtitles). The light-surface declaration was borrowing the
   canvas's grey. #6b6558 is the project's accessible grey (5.5:1 on white).
   ⚠️ `.ccg-chip-label` was ALSO missing from this list entirely, so it inherited the navy canvas's
   greys while sitting on its own white background (2.51:1). */
.ccg-finder,.ccg-res-head,.ccg-filters,.ccg-empty,.ccg-card,.ccg-chip,.ccg-chip-label,
.ccg-tchip,.ccg-tablewrap,table.ccg-full,table.ccg-tiers{
  --text-main:#242220;--text-muted:#6b665f;--text-faint:#6b6558}
/* ⚠️ THESE PANELS ARE TRANSPARENT ON THE NAVY CANVAS — they have no background of their own, so the
   light-surface ink lands on navy (2.99–3.04:1, and the results heading at 1.09:1). They take the
   canvas ink instead. Measured 2026-10-20: 154 below-AA on /collections/ -> 0. */
.collections-page .ccg-src,.collections-page .ccg-meta,.collections-page .ccg-note,
.collections-page .ccg-res-sub,.collections-page #ccgResSub{color:#c9c3b6}
.collections-page .ccg-res-head h2{color:#f2ecdf}
.collections-page .ccg-src a,.collections-page .ccg-res-sub a,
.collections-page .ccg-meta a,.collections-page .ccg-note a{color:#d9c48a}
.collections-page #ccgGridTitle{color:#f2ecdf}
/* the artwork credit is over the NAVY hero on this page (cream on every other page) */
.collections-page .page-credit{color:#c9c3b6}
.collections-page .page-credit a{color:#d9c48a}
/* the gold on a WHITE card is 3.25:1 -- the same #7a5d15 used elsewhere on light surfaces */
.ccg-card .ccg-goto2{color:#7a5d15}
.ccg-row{display:flex;gap:.6rem;flex-wrap:wrap}
.ccg-budget{flex:1 1 240px;display:flex;align-items:center;border:2px solid var(--card-border);
  border-radius:var(--radius-sm);padding:0 .9rem;background:#fff;transition:border-color .15s}
.ccg-budget:focus-within{border-color:var(--gold-primary);box-shadow:0 0 0 3px rgba(184,134,11,.12)}
.ccg-budget .cur{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.3rem;color:var(--gold-primary);padding-right:.25rem}
.ccg-budget input{flex:1;border:0;outline:0;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1.3rem;
  padding:.65rem 0;color:var(--text-main);background:transparent;width:100%;min-width:0}
.ccg-finder .btn-primary{border-radius:var(--radius-sm)}
.ccg-note{margin:.8rem .1rem .1rem;font-size:.82rem;color:var(--text-faint);display:flex;
  justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ccg-note b{color:var(--gold-primary);font-family:'JetBrains Mono',monospace}
.ccg-bandwrap{max-width:1000px;margin:0 auto}
.ccg-chip-label{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--text-muted);margin:1.7rem 0 .6rem;display:block;width:fit-content;
  background:rgba(255,255,255,.94);border:1px solid var(--card-border);border-radius:6px;padding:.3rem .55rem}
.ccg-chips{display:flex;gap:.5rem;flex-wrap:wrap;max-width:1000px;margin:0 auto;justify-content:flex-start}
.ccg-chip{background:#fff;border:1px solid var(--card-border);border-radius:999px;padding:.5rem .9rem;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.9rem;color:var(--text-main);text-decoration:none;
  display:inline-flex;align-items:center;gap:.45rem;transition:all .15s}
.ccg-chip:hover{border-color:var(--gold-border);background:var(--gold-soft);color:#8d6c1e}
.ccg-chip .n{font-family:'JetBrains Mono',monospace;font-size:.74rem;font-weight:700;color:#7a5f16;
  background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:999px;padding:.05rem .4rem}
.ccg-chip.sel{background:var(--gold-primary);border-color:var(--gold-primary);color:#fff}
.ccg-chip.sel .n{background:rgba(255,255,255,.22);border-color:transparent;color:#fff}

table.ccg-tiers{width:100%;background:#fff}
table.ccg-tiers td{vertical-align:top}
table.ccg-tiers th{font-family:'JetBrains Mono',monospace;font-size:.68rem;text-transform:uppercase;
  letter-spacing:.07em;color:var(--text-faint);background:var(--gold-soft)}
table.ccg-tiers tbody tr{cursor:pointer}
.ccg-band{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--gold-primary);white-space:nowrap}
.ccg-tag{display:block;font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:#8d6c1e;margin:0 0 .15rem}
.ccg-pick{padding:.6rem 0}
.ccg-pick:first-child{padding-top:0}
.ccg-pick+.ccg-pick{border-top:1px dashed #dbd2c2}
.ccg-name{font-weight:700;font-size:.9rem}
.ccg-meta{color:var(--text-faint);font-size:.79rem;margin-top:.1rem}
.ccg-count{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--text-muted);text-align:right;white-space:nowrap}

.ccg-res-head{background:linear-gradient(135deg,#fff,#fffaf0);border:1px solid var(--gold-border);
  border-radius:var(--radius-lg);padding:1.2rem 1.35rem;box-shadow:var(--card-shadow);display:flex;
  justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.1rem}
.ccg-src{font-size:.8rem;color:var(--text-faint);margin:-.9rem 0 1.9rem;line-height:1.5}
.ccg-src a{color:var(--text-muted);text-decoration:underline}   /* darker than the line itself: the link has to be VISIBLE, not merely present */
.ccg-src b{color:var(--text-muted)}
.ccg-res-head h2{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;letter-spacing:-.02em;margin:0}
.ccg-res-head .count{color:var(--gold-primary)}
.ccg-res-head .sub{color:var(--text-muted);font-size:.86rem;margin-top:.3rem}
.ccg-mini{display:flex;align-items:center;gap:.5rem}
.ccg-mini .cur{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--gold-primary)}
.ccg-mini input{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:1rem;width:110px;padding:.45rem .55rem;
  border:2px solid var(--gold-border);border-radius:var(--radius-sm);outline:0;background:#fff}
.ccg-mini input:focus{border-color:var(--gold-primary)}

.ccg-filters{display:flex;gap:.85rem;flex-wrap:wrap;align-items:flex-end;background:var(--card-bg);
  border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1rem 1.1rem;
  box-shadow:var(--card-shadow);margin-bottom:1.25rem}
.ccg-f{display:flex;flex-direction:column;gap:.3rem}
.ccg-f label{font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.07em;color:var(--text-faint)}
.ccg-f select{font-family:inherit;font-size:.87rem;font-weight:600;padding:.48rem .55rem;border:1px solid var(--card-border);
  border-radius:var(--radius-sm);background:#fff;color:var(--text-main);outline:0;min-width:150px;cursor:pointer}
.ccg-f select:focus{border-color:var(--gold-primary)}
.ccg-typef{display:flex;gap:.4rem;flex-wrap:wrap}
.ccg-tchip{background:#fff;border:1px solid var(--card-border);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;
  font-weight:700;cursor:pointer;font-family:inherit;color:var(--text-muted);text-decoration:none}
.ccg-tchip.on,.ccg-tchip:hover{background:var(--gold-primary);border-color:var(--gold-primary);color:#fff}
.ccg-clear{background:none;border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:.48rem .8rem;
  font-family:inherit;font-weight:600;font-size:.8rem;color:var(--text-muted);cursor:pointer;text-decoration:none}
.ccg-clear:hover{background:var(--gold-soft);color:var(--gold-primary)}

.ccg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:.9rem}
.ccg-goto{display:block;margin-top:.7rem;padding:.55rem .75rem;text-align:center;
  border:1px solid var(--gold-border);border-radius:var(--radius-sm);font-weight:700;font-size:.86rem;
  color:var(--gold-primary);text-decoration:none;transition:background .15s,border-color .15s}
.ccg-goto:hover{background:rgba(184,134,11,.09)}
.ccg-goto.alt{margin-top:.35rem;border-color:var(--card-border);color:var(--text-muted);font-weight:600;font-size:.82rem}
.ccg-goto.alt:hover{background:rgba(45,35,20,.04)}
.ccg-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1rem 1.05rem;
  box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:.5rem;transition:transform .12s,box-shadow .12s}
a.ccg-card{text-decoration:none;color:inherit}
a.ccg-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(45,35,20,.1);border-color:var(--gold-border)}
.ccg-card .badges{display:flex;gap:.35rem;flex-wrap:wrap}
.ccg-b{font-family:'JetBrains Mono',monospace;font-size:.61rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;padding:.18rem .44rem;border-radius:4px;border:1px solid}
.ccg-b.set{color:var(--accent-blue);background:var(--accent-blue-bg);border-color:var(--accent-blue-border)}
.ccg-b.species{color:var(--accent-green);background:var(--accent-green-bg);border-color:var(--accent-green-border)}
.ccg-b.line{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}
.ccg-b.psa{color:var(--accent-red);background:var(--accent-red-bg);border-color:var(--accent-red-border)}
.ccg-b.cards{color:var(--text-muted);background:#faf7f2;border-color:var(--card-border)}
.ccg-card h3{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;line-height:1.3;margin:0}
.ccg-printing{font-size:.77rem;color:var(--text-faint)}
.ccg-price{font-family:'JetBrains Mono',monospace;font-size:1.4rem;font-weight:700;margin-top:.1rem}
.ccg-cmeta{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--text-muted);
  border-top:1px dashed var(--card-border);padding-top:.5rem;margin-top:.1rem}
.ccg-fit{font-weight:700}
.ccg-fit.ok{color:var(--accent-green)}
.ccg-fit.loose{color:var(--text-faint)}
.ccg-bar{height:5px;border-radius:3px;background:var(--card-border);overflow:hidden}
.ccg-bar i{display:block;height:100%;background:linear-gradient(90deg,#b8860b,#e0b84a);border-radius:3px}
.ccg-empty{text-align:center;color:var(--text-muted);background:var(--card-bg);border:1px dashed var(--card-border);
  border-radius:var(--radius-lg);padding:2.25rem 1.25rem;margin:1.5rem 0}
.ccg-sec{font-family:'Space Grotesk',sans-serif;font-size:1.15rem;font-weight:700;display:flex;align-items:baseline;
  gap:.6rem;margin:2.4rem 0 .9rem}
.ccg-sec span{font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:500;color:var(--text-muted)}
.ccg-method{margin-top:2.5rem;font-size:.79rem;color:var(--text-faint);line-height:1.6;
  border-top:1px solid var(--card-border);padding-top:1rem}
.ccg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table.ccg-full{background:#fff}
.ccg-tablewrap{background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}
/* ---- the collection tile's fan of card scans (2026-10-13) ----
   A collection is a STACK of cards, not a card, so its tile shows three of them overlapping:
   the same visual language as the single-card tiles, without being mistakable for one. */
.ccg-fan{position:relative;height:174px;margin:.1rem 0 .8rem;display:flex;align-items:center;justify-content:center}
.ccg-fan img{position:absolute;width:100px;height:auto;border-radius:6px;background:#fff;
  box-shadow:0 8px 18px rgba(45,35,20,.20);outline:1px solid rgba(45,35,20,.08)}
.ccg-fan.f1 img{position:static}
.ccg-fan.f2 img:nth-child(1){transform:translateX(-33px) rotate(-6deg)}
.ccg-fan.f2 img:nth-child(2){transform:translateX(33px) rotate(6deg)}
.ccg-fan.f3 img:nth-child(1){transform:translateX(-62px) rotate(-8deg)}
.ccg-fan.f3 img:nth-child(2){transform:translateY(-10px);z-index:2}
.ccg-fan.f3 img:nth-child(3){transform:translateX(62px) rotate(8deg)}
.ccg-goto2{margin-top:.2rem;font-size:.8rem;font-weight:700;color:var(--gold-primary);text-decoration:none}
a.ccg-card:hover .ccg-goto2{text-decoration:underline}
.ccg-soon{font-size:.72rem;color:var(--text-faint);letter-spacing:.02em}
.ccg-more{display:none;text-align:center;margin:1.5rem 0 .2rem}
@media (max-width:640px){.ccg-f select{min-width:0;width:100%}.ccg-f{flex:1 1 45%}
  .ccg-fan{height:150px}.ccg-fan img{width:86px}
  .ccg-fan.f2 img:nth-child(1){transform:translateX(-27px) rotate(-6deg)}
  .ccg-fan.f2 img:nth-child(2){transform:translateX(27px) rotate(6deg)}
  .ccg-fan.f3 img:nth-child(1){transform:translateX(-52px) rotate(-8deg)}
  .ccg-fan.f3 img:nth-child(3){transform:translateX(52px) rotate(8deg)}}