/* search-2027.css · the site search page, /search/index.html (2027).
   Pushed onto `styles` by code/2027/templates/search.tt; CMS-only, not in
   index.css. Uses the design tokens from index.css. */

.search-page { padding-top: var(--space-8); }
.search-page .section-inner { max-width: 54rem; }

.search-title {
  font-size: var(--text-3xl);
  line-height: 1.1;
  color: var(--au-navy);
  position: relative;
  padding-bottom: var(--space-4);
  margin-bottom: var(--space-5);
}
.search-title::after {
  content: "";
  position: absolute; left: 0; bottom: 0;
  width: 2.5rem; height: 3px;
  background: var(--au-gold);
  border-radius: 2px;
}

.search-form-row { display: flex; gap: var(--space-2); }
.search-form-row .input { flex: 1 1 auto; min-width: 0; font-size: var(--text-lg); }
.search-form-row .btn { flex: 0 0 auto; }
/* the browser's own clear button on type=search */
.search-form-row .input::-webkit-search-cancel-button { cursor: pointer; }

.search-popular {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: var(--space-2) var(--space-4);
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  color: var(--au-warm-gray);
}
.search-popular a { color: var(--au-navy-light); font-weight: 600; }

.search-tabs { margin-top: var(--space-6); scroll-margin-top: calc(var(--header-height) + var(--space-3)); }
.search-tabs .tab-panel { padding: var(--space-5); }
.search-frame {
  display: block;
  width: 100%;
  height: 480px;           /* until the frame reports its height */
  border: 0;
}

.search-tip {
  margin-top: var(--space-5);
  font-size: var(--text-sm);
  color: var(--au-warm-gray);
}
.search-tip a { color: var(--au-navy-light); }

@media (max-width: 600px) {
  .search-page { padding-top: var(--space-6); }
  .search-title { font-size: var(--text-2xl); }
  .search-form-row .input { font-size: var(--text-base); }
  .search-form-row .btn { padding-inline: var(--space-4); }
  .search-tabs .tab-panel { padding: var(--space-4) var(--space-2); }
  .search-tabs .tab-btn { padding: var(--space-3); flex: 1 1 auto; white-space: normal; line-height: 1.25; }
}