.result-tools { min-width: 0; margin: 1rem 0; padding: .75rem; border: 2px solid var(--line-strong); border-radius: 8px; background: var(--panel); box-shadow: 0 3px 0 var(--line-strong); }
.result-tools > summary { min-height: var(--tap); padding: .4rem 0; font-size: 1rem; font-family: var(--display); font-weight: 700; cursor: pointer; }
#result-tools { min-width: 0; margin: .6rem 0 0; padding: 0; border: 0; }
.result-filter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.result-filter-grid label { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }
.result-filter-grid input, .result-filter-grid select { width: 100%; min-height: var(--tap); font-size: 1rem; }
#filter-summary { min-height: 3.6em; margin: .6rem 0 0; }
#copy-status { min-height: 3.6em; margin: .4rem 0 0; }
/* The copy button rides the tray head's own line, so a tray costs one row before its words. */
.len-head { display: flex; flex-wrap: wrap; align-items: center; column-gap: .4em; }
.len-head .btn { margin-left: auto; text-transform: none; letter-spacing: normal; font-size: .8rem; padding: 0 .7rem; }
@media (max-width: 480px) {
  #filter-summary { min-height: 4.8em; }
}
@media (max-width: 350px) {
  #copy-status { min-height: 4.8em; }
}
@media (max-width: 340px) {
  #filter-summary { min-height: 6.4em; }
}