/* Keep controls and analytical labels legible in narrow and zoomed layouts. */
@media (max-width:650px) {
  .lens-controls{display:grid;grid-template-columns:1fr 1fr}
  .lens-controls button{font-size:14px;padding:9px;min-height:44px}
  .plot-bottom button{font-size:14px;min-height:36px}
  .objective-tabs button{font-size:17px}
  .objective-tabs small{font-size:14px}
  .neighbor-row{font-size:14px;min-height:36px}
  .inspector select{min-height:44px}
  .matrix-panel h4{font-size:14px}
  .token-strip button{font-size:14px;min-height:42px}
  .model-table{font-size:13px}
}
@media (max-width:370px) {
  .masthead{flex-wrap:wrap;height:auto;min-height:78px;padding:8px 16px;gap:5px}
  nav{width:100%;justify-content:space-between;font-size:13px}
  h1{font-size:39px}
  .matrix-panel h4{display:block}
  .matrix-panel h4 span{display:block}
  .plot-bottom{flex-wrap:wrap}
}