/* Item 1623: the find box on the Teams hub and the Leaderboard (page-filter.js builds it).
   It is the header search box (.search in v2.css), placed on the page heading's row the way
   the home page's filter sat beside its day heading; on a phone it takes its own line.
   Kept out of page-filter.js so the box is styled like the rest of the site, not inline. */
.page-find-head { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1rem; }
.page-find-head > div { flex: 1 1 auto; min-width: 0; }
.page-find-head > p { flex-basis: 100%; }
.page-find-head .page-find { flex: 0 1 340px; min-width: 220px; margin-left: auto; }
.event-head.page-find-head .page-find { order: 1; }
.event-head.page-find-head > p { order: 2; }
@media (max-width: 640px) {
	.page-find-head .page-find { flex-basis: 100%; max-width: none; margin: 8px 0 0; }
	.event-head.page-find-head .page-find { order: 3; }
}
/* What the box hides stays hidden whatever display a card or row sets. */
.page-find-scope [hidden] { display: none !important; }
/* While filtering, a one-row rail wraps into a grid so no match sits off-screen
   (the same layout fixture-pages.css gives a section opened by "View all"). */
.page-finding .fx-row { display: grid; grid-auto-flow: row; overflow-x: visible;
	grid-template-columns: repeat(auto-fill, minmax(min(220px, 100%), 1fr)); }
.page-finding .fx-section .arrows { display: none; }