/* Crushed mixed3b: all ten neurons as a static grid of aligned rows; Details holds the range views. */
.c3b-figure{--c3b-ink:#26353d;--c3b-muted:#6e7b82;--c3b-line:#dce4e7;--c3b-accent:#28627b;color:var(--c3b-ink);font-family:var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);border-top:1px solid var(--c3b-line);border-bottom:1px solid var(--c3b-line)}
.c3b-figure *{box-sizing:border-box}.c3b-figure button{font-family:inherit;cursor:pointer}.c3b-figure img{display:block;max-width:100%;object-fit:cover}.c3b-figure p{font:13px/1.5 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);margin:0}.c3b-figure button:focus-visible,.c3b-figure summary:focus-visible{outline:3px solid #3585ab;outline-offset:3px}
#crushed-3b-figure{padding:16px 0 12px;margin-top:28px;margin-bottom:28px}

/* Main grid: two columns of rows, each row a name and five natural crops. */
.c3b-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.c3b-row{display:grid;grid-template-columns:104px repeat(5,minmax(0,1fr));gap:3px;align-items:center;min-width:0}
.c3b-name{font:500 12px/1.3 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);color:var(--c3b-muted);padding-right:8px;min-width:0}
.c3b-row img{width:100%;height:auto;aspect-ratio:1;border-radius:2px;background:#f2f4f4}

#crushed-3b-figure figcaption{max-width:none;border:0;padding:0;margin:12px 0 0;font:11px/1.45 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);color:var(--c3b-muted)}

/* Details: range buttons, then one row per neuron (optimized image + ten crops). */
.c3b-methods{margin-top:6px;color:var(--c3b-muted);font-size:11px}.c3b-methods summary{cursor:pointer;font-size:11px;color:var(--c3b-accent)}
.c3b-buckets{display:flex;gap:3px;flex-wrap:wrap;margin:10px 0}.c3b-buckets button{border:1px solid #d5dee2;background:#fff;color:#52666f;border-radius:3px;font-size:10px;line-height:1.2;padding:4px 7px;white-space:nowrap}.c3b-buckets button:hover{background:#f0f4f5;border-color:#9fb4bd}.c3b-buckets button[aria-pressed=true]{background:#e9f0f3;border-color:var(--c3b-accent);color:var(--c3b-accent);font-weight:600}
.c3b-details-rows{display:grid;gap:5px}
.c3b-detail{display:grid;grid-template-columns:104px minmax(0,1fr) 6px repeat(10,minmax(0,1fr));gap:3px;align-items:center}
.c3b-detail .c3b-grid{display:contents}
.c3b-detail .c3b-fv{grid-column:2;width:100%;height:auto;aspect-ratio:1;border-radius:2px;image-rendering:auto}
.c3b-detail .c3b-example:first-child{grid-column-start:4}
.c3b-example{position:relative;display:block;padding:0;border:0;border-radius:2px;background:#f2f4f4;width:100%;aspect-ratio:1;overflow:hidden;min-width:0}.c3b-example img{width:100%;height:100%;transition:opacity .12s}.c3b-example:hover img{opacity:.9}.c3b-example[aria-pressed=true]{outline:2px solid var(--c3b-accent);outline-offset:1px}
.c3b-figure .c3b-readout{font-size:11px;line-height:1.5;color:#7b878e;margin-top:8px;font-variant-numeric:tabular-nums}
.c3b-figure .c3b-methods p{font-size:11px;line-height:1.6;margin:10px 0 0}.c3b-figure .c3b-methods .c3b-readout{margin:0 0 8px}.c3b-methods a{color:var(--c3b-accent)}.c3b-figure .c3b-methods strong{font-weight:600;color:#4d606a}

@media(max-width:760px){
  .c3b-rows{grid-template-columns:minmax(0,1fr);gap:6px}
  .c3b-row{grid-template-columns:92px repeat(5,minmax(0,1fr))}
  .c3b-detail{grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:4px}
  .c3b-detail .c3b-name{grid-column:1/-1}
  .c3b-detail .c3b-fv{grid-column:1/3;grid-row:2/4}
  .c3b-detail .c3b-example:first-child{grid-column-start:auto}
}
@media(max-width:420px){.c3b-row{grid-template-columns:84px repeat(5,minmax(0,1fr))}.c3b-name{font-size:11px;padding-right:6px}}
@media(prefers-reduced-motion:reduce){.c3b-example img{transition:none}}