/* Compact tech details: collapse large pre blocks, make badges wrap and reduce margins */
.tech-details summary { cursor: pointer; font-weight:700; margin-bottom:0.45rem; }
.tech-details { margin:0; padding:0.25rem 0; }
.tech-details .small.text-muted { margin-bottom:0.25rem; }
.tech-details table.table { margin-bottom:0.25rem; }
.tech-details .badge { margin-bottom:0.25rem; display:inline-block; }
.tech-details pre { max-height:220px; overflow:auto; white-space:pre-wrap; word-break:break-word; background:#f8f9fa; padding:0.5rem; border-radius:0.4rem; }
.tech-details details[open] .table-sm td, .tech-details details[open] .table-sm th { padding:.2rem .4rem; }
.tech-details .cannabinoid-row-compact { display:flex; align-items:center; gap:.5rem; margin-bottom:.35rem; }
.tech-details .cannabinoid-row-compact .label { min-width:90px; font-weight:600; }
.tech-details .cannabinoid-row-compact .bar { flex:1; height:8px; background:#e9ecef; border-radius:6px; overflow:hidden; }
.tech-details .cannabinoid-row-compact .bar span { display:block; height:100%; background:linear-gradient(90deg,#2f8f67,#2b7bd6); }
.tech-details .cannabinoid-progress { display:none; }
@media (max-width:767px) {
  .tech-details pre { max-height:160px; }
  .tech-details .label { min-width:70px; font-size:0.9rem; }
}