body{font-family:sans-serif;margin:2rem;line-height:1.4}
h1{font-size:1.6rem;margin-bottom:1rem}
table{border-collapse:collapse;width:100%;margin-top:1rem}
td,th{border:1px solid #ccc;padding:4px 8px}
th{background:#eee;cursor:pointer}
.strong{font-weight:bold;color:#006}
input,select{margin:.5rem;padding:.3rem}

/* Fix du sélecteur rétréci */
.controls { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
#q { flex: 1 1 260px; min-width: 220px; }
#commodity { flex: 0 0 320px; min-width: 280px; }   /* << largeur confortable */