Don't show "no match" when not searching anything yet

app/assets/stylesheets/search.css

@@ -129,4 +129,9 @@ summary {
       padding-inline: 0;
     }
   }
+  .search-perma--empty {
+    .search {
+      display: none;
+    }
+  }
 }

app/views/searches/show.html.erb

@@ -1,4 +1,4 @@
-<% @page_title = params.has_key?(:q) ? "Search results for \"#{params[:q]}\"" : "Search" %>
+<% @page_title = !params[:q].blank? ? "Search results for \"#{params[:q]}\"" : "Search" %>
 
 <% content_for :header do %>
   <div class="header__actions header__actions--start">
@@ -8,7 +8,7 @@
   <h1 class="header__title" data-bridge--title-target="header"><%= @page_title %></h1>
 <% end %>
 
-<div class="search-perma margin-block-start">
+<%= tag.div(class: token_list("search-perma", {"search-perma--empty": params[:q].blank?}, "margin-block-start")) do %>
   <%= render "form", query_terms: params[:q] %>
   <%= turbo_frame_tag "bar_content" do %>
     <% if @card %>
@@ -17,4 +17,4 @@
       <%= render "results", page: @page %>
     <% end %>
   <% end %>
-</div>
+<% end %>