/* Busca do cabeçalho e página de resultados; estados dos controles vêm do Octopus. */
.site-topbar__mobile-controls { display: none; }
.site-topbar .site-topbar__search-trigger {
  --color-text-action: var(--header-content);
  --octopus-button-background: var(--header-hover);
  --color-bg-sunken: var(--color-zinc-700);
  flex: none;
}
.site-topbar .site-topbar__search-trigger[aria-expanded="true"] {
  --octopus-button-background: var(--color-zinc-700);
}
.site-topbar__search-panel {
  box-sizing: border-box;
  position: absolute;
  top: calc(100% + var(--space-component-xs));
  right: max(var(--primitive-space-300), calc((100vw - var(--header-container)) / 2 + var(--primitive-space-300)));
  width: min(34rem, calc(100vw - 2 * var(--primitive-space-300)));
  padding: var(--space-component-lg);
  border-radius: var(--shape-radius-component);
  background: var(--header-surface);
  box-shadow: var(--elevation-raised);
}
.site-topbar__search-panel[hidden] { display: none; }
.site-topbar__search-form { display: flex; align-items: flex-start; gap: var(--space-component-sm); }
.site-topbar__search-form .octopus-search-input { min-width: 0; flex: 1; }
.site-topbar__search-form .octopus-search-input .octopus-input { width: 100%; }
.site-topbar__search-form .octopus-button { flex: none; }

.cinf-site-search-results { padding-block: var(--space-structural-lg); }
.cinf-site-search-results__heading { max-width: 55rem; margin-bottom: var(--space-structural-sm); }
.cinf-site-search-results__heading h1 { margin: 0 0 var(--space-component-sm); overflow-wrap: anywhere; }
.cinf-site-search-results__heading p { margin: 0; color: var(--color-content-secondary); }
.cinf-site-search-results__form { display: flex; align-items: flex-start; gap: var(--space-component-sm); margin-bottom: var(--space-structural-md); }
.cinf-site-search-results__form .octopus-search-input { flex: 1; min-width: 0; }
.cinf-site-search-results__form .octopus-input { width: 100%; }
.cinf-site-search-results__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-component-lg); }
.cinf-site-search-results__grid .octopus-content-card { min-width: 0; }
.cinf-site-search-results__grid .octopus-content-card h2 { overflow-wrap: anywhere; }
.cinf-site-search-results__pagination { margin-top: var(--space-structural-md); }
.cinf-site-search-results__empty { padding: var(--space-component-xl); border-radius: var(--shape-radius-component); background: var(--color-bg-surface); }
@media (max-width: 63.999rem) {
  .site-topbar__mobile-controls { display: flex; align-items: center; justify-self: end; gap: var(--space-component-xs); }
  .site-topbar__actions > [data-site-search-trigger] { display: none; }
  .site-topbar__search-panel { right: var(--primitive-space-300); }
  .cinf-site-search-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
  .site-topbar__mobile-controls { display: none; }
}
@media (max-width: 40rem) {
  .site-topbar__search-panel { padding: var(--space-component-sm); }
  .site-topbar__search-form, .cinf-site-search-results__form { flex-direction: column; }
  .site-topbar__search-form .octopus-search-input, .cinf-site-search-results__form .octopus-search-input { width: 100%; }
  .site-topbar__search-form .octopus-button, .cinf-site-search-results__form .octopus-button { width: 100%; }
  .cinf-site-search-results { padding-block: var(--space-structural-md); }
  .cinf-site-search-results__grid { grid-template-columns: minmax(0, 1fr); }
}