html,body{max-width:100%;overflow-x:hidden}
@media(max-width:600px){
  .topbar,.intro,.catalog,footer{width:100%;max-width:100vw}
  .topbar{gap:8px}
  .brand{flex:1;min-width:0;max-width:none;font-size:.88rem}
  .brand span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .inquiry-pill{flex:none;padding:10px 11px;font-size:0}
  .inquiry-pill::before{content:'Inquiry';font-size:.82rem}
  .inquiry-pill span{font-size:.78rem}
  .intro{grid-template-columns:minmax(0,1fr)}
  .intro>*{min-width:0}
  .intro h1{max-width:100%;font-size:2rem;overflow-wrap:anywhere}
  .intro p,.intro-note{max-width:100%;overflow-wrap:anywhere}
  .filters>*{min-width:0}
}