.cc-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}@media (max-width:1100px){.cc-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.cc-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.cc-sw{cursor:pointer;border:1px solid var(--rule);background:var(--paper);text-align:left;transition:border-color var(--dur-fast) var(--ease);outline:none;flex-direction:column;padding:0;display:flex;position:relative}.cc-sw:focus-visible,.cc-sw:hover{border-color:var(--ink-900);z-index:2}.cc-sw[data-selected=true]{border-color:var(--ink-900);outline:1px solid var(--ink-900);outline-offset:-2px;z-index:3}.cc-sw .col{aspect-ratio:4/3;background:var(--ink-100,#ece9e3);width:100%;position:relative}.cc-meta{border-top:1px solid var(--rule);flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.cc-meta .code{color:var(--ink-900);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.cc-meta .sub{color:var(--ink-500);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:11px}.cc-detail{grid-template-areas:"image meta""pairs pairs"}@media (max-width:900px){.cc-detail{grid-template-areas:"image""meta""pairs"}}.cc-hex{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.cc-hex-chip{border:1px solid var(--rule);width:14px;height:14px;display:inline-block}.cc-qty-sub{letter-spacing:0;color:var(--taupe-700);font-variant-numeric:tabular-nums;opacity:.8;font-size:11px;font-weight:400}.cc-pairs-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (max-width:1100px){.cc-pairs-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.cc-pairs-grid{grid-template-columns:repeat(3,1fr)}}