.pi-directory .pi-hero:has(.pi-search:not([hidden])) {
  grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);
}
.pi-directory .pi-hero .pi-search {
  align-self:center;
  min-width:0;
  margin:1.2rem var(--frame-gutter) 1.2rem 0;
  padding-left:clamp(15px,2vw,32px);
  border-inline-start:1px solid var(--pi-rule);
}
.pi-hero .pi-search label {
  color:var(--pi-ink);
  font-size:.95rem;
  font-weight:700;
}
.pi-directory .pi-pref {
  min-height:46px;
}
@media (max-width:700px) {
  .pi-directory .pi-hero:has(.pi-search:not([hidden])) {
    grid-template-columns:minmax(0,1fr);
  }
  .pi-directory .pi-hero .pi-search {
    margin:0 var(--frame-gutter) 18px;
    padding:0;
    border:0;
  }
}