/* JOB-5689 candidate: compact two-row public benchmark menu.
   Row 1 = rail (product + benchmark tag + note). Row 2 = 필터.
   Search, release and method all live inside that one filter panel. */

.rail {
  min-height: 0;
  gap: .6rem;
  padding: 4px max(10px, calc((100vw - 1280px)/2));
}

.brand { font-size: .95rem; }
.tag { font-size: 9px; padding: 2px 5px; }
.rail-note { font-size: .72rem; }

main { padding-bottom: 2.5rem; }
.intro { padding: 1.1rem 0 .8rem; }
.intro h1 { font-size: clamp(1.5rem, 3.6vw, 2.2rem); margin: .2rem 0 .5rem; }
.intro > p:last-child { font-size: 13px; }

.toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
}

.compare-toggle {
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 7px;
  align-self: center;
}

.bandwidth { font-size: 11px; margin: 6px 0; }

.compare-panel { gap: 8px; padding: 10px 12px 12px; }
.compare-panel label { font-size: 12px; }
.compare-panel select,
.compare-panel input { min-height: 36px; padding: .4rem .5rem; font-size: 13px; }
.compare-close { min-width: 32px; min-height: 32px; font-size: 1.1rem; }

@media (max-width: 650px) {
  .rail { flex-wrap: nowrap; padding: 4px 10px; }
  .rail-note { font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .toolbar { flex-wrap: nowrap; overflow-x: auto; }
}