/* One compact location choice stays attached to discovery on every viewport. */
.search-mode-row,
.browse-mode .search-mode-row,
.compact-search.with-search-mode .search-mode-row{display:flex;justify-content:flex-start;align-items:center;grid-column:1/-1;min-width:0;padding:0;margin:0;border:0}
.search-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:max-content;max-width:100%;padding:3px;border:1px solid #eadced;border-radius:12px;background:#f6f0f7}
.search-mode-tabs a,
.compact-search.with-search-mode .search-mode-tabs a,
.front-search-box .search-mode-tabs a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:9px;font-size:12px;font-weight:800;line-height:1.15;white-space:nowrap;color:#654c70;text-align:center}
.search-mode-tabs a.active,.browse-mode .search-mode-tabs a.active{background:#7429b0;color:#fff;box-shadow:0 2px 7px #57206d26}
.search-mode-tabs svg{width:15px;height:15px;flex:0 0 15px}
.front-search-box .search-mode-row,.home-hero-search .search-mode-row{display:flex;gap:0;padding:0;margin:0}
.front-search-box .search-mode-tabs,.home-hero-search .search-mode-tabs{display:grid;width:max-content;max-width:100%}
.browse-mode .search-mode-row{padding:0 0 12px}
.compact-search.with-search-mode .search-mode-row{padding:0}
@media(max-width:900px){
  .search-panel>.search-mode-row,.compact-search.with-search-mode .search-mode-row{display:flex}
  .compact-search.with-search-mode .search-mode-row{grid-column:1/-1;grid-row:1}
  .compact-search.with-search-mode .compact-search-facts{grid-row:2}
  .compact-search.with-search-mode details{grid-row:2}
}
@media(max-width:600px){
  .browse-mode{display:block}
  .browse-search{padding:10px;overflow:visible}
  .browse-mode .search-mode-row{padding:0 0 9px}
  .browse-mobile-search{min-height:58px;padding:9px 4px 2px}
  .search-mode-tabs{width:100%}
  .search-mode-tabs a,.compact-search.with-search-mode .search-mode-tabs a,.front-search-box .search-mode-tabs a{min-height:39px;padding:7px 5px;font-size:11px;white-space:normal}
  .front-search-box .search-mode-tabs,.home-hero-search .search-mode-tabs{width:100%}
  .front-search-box .search-mode-row,.home-hero-search .search-mode-row{grid-column:1/-1}
}
/* The short Ploo wordmark keeps its own proportions in the existing header. */
.brand:has(.brand-v2) .brand-v2{width:146px;height:68px;object-fit:contain}
.unified-header .brand:has(.brand-v2) .brand-v2{width:146px;height:68px}
.footer .brand:has(.brand-v2) .brand-v2{width:146px;height:68px}
@media(max-width:600px){.unified-header .brand:has(.brand-v2) .brand-v2{width:124px;height:58px}}