.wmd-search-trigger, .wmd-search-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  border: 1px solid var(--wmd-search-input-border, var(--bs-border-color, #adb5bd));
  border-radius: .5rem;
  background: var(--wmd-search-field, var(--bs-body-bg, #fff));
  color: var(--wmd-search-text, var(--bs-body-color, #212529));
  text-decoration: none;
  cursor: pointer; }

.wmd-search-trigger:hover, .wmd-search-close:hover {
  background: var(--wmd-search-nav-hover, var(--bs-tertiary-bg, #f1f3f5));
  color: var(--wmd-search-text, var(--bs-body-color, #212529)); }

.wmd-search-trigger:focus-visible, .wmd-search-close:focus-visible, .wmd-search-clear:focus-visible {
  outline: 3px solid var(--wmd-search-accent, var(--bs-link-color, #0d6efd));
  outline-offset: 3px; }

html.wmd-search-is-open {
  overflow: hidden; }

.wmd-search-dialog {
  inset: 0;
  margin: auto;
  padding: 0;
  width: 42rem;
  max-width: calc(100vw - 2rem);
  max-height: calc(100dvh - 3rem);
  border: 1px solid var(--wmd-search-border, var(--bs-border-color, #dee2e6));
  border-radius: 1rem;
  background: var(--wmd-search-field, var(--bs-body-bg, #fff));
  color: var(--wmd-search-text, var(--bs-body-color, #212529));
  box-shadow: 0 24px 80px #0005;
  overflow: hidden; }

.wmd-search-dialog[open] {
  display: flex;
  flex-direction: column; }

.wmd-search-dialog::backdrop {
  background: rgba(8, 16, 28, 0.6);
  backdrop-filter: blur(3px); }

.wmd-search-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem .75rem;
  flex-shrink: 0; }

.wmd-search-eyebrow {
  font-size: .7rem;
  letter-spacing: .12em;
  font-weight: 700;
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  margin: 0 0 .35rem; }

.wmd-search-dialog h2 {
  font-size: 1.35rem;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--wmd-search-text, var(--bs-body-color, #212529)); }

.wmd-search-close {
  border-color: transparent;
  background: transparent; }

.wmd-search-form {
  margin: 0;
  padding: .5rem 1.5rem 0;
  flex-shrink: 0; }

.wmd-search-input-wrap {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .65rem .85rem;
  border: 1px solid var(--wmd-search-input-border, var(--bs-border-color, #adb5bd));
  border-radius: .65rem;
  background: var(--wmd-search-field, var(--bs-body-bg, #fff));
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e)); }

.wmd-search-input-wrap:focus-within {
  border-color: var(--wmd-search-accent, var(--bs-link-color, #0d6efd));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wmd-search-accent, var(--bs-link-color, #0d6efd)) 18%, transparent); }

.wmd-search-input-wrap > svg {
  flex-shrink: 0; }

#wmd-search-input {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: .35rem 0;
  border: 0;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--wmd-search-text, var(--bs-body-color, #212529));
  font: inherit;
  font-size: 1rem; }

#wmd-search-input::placeholder {
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  opacity: 1; }

#wmd-search-input::-webkit-search-cancel-button {
  display: none; }

.wmd-search-clear {
  border: 0;
  border-radius: .3rem;
  padding: .4rem;
  background: var(--wmd-search-surface, var(--bs-tertiary-bg, #f8f9fa));
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  font-size: .8rem; }

.wmd-search-clear[hidden] {
  display: none; }

.wmd-search-hint {
  margin: .6rem 1.5rem 0;
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  font-size: .8rem; }

.wmd-search-status {
  padding: 1rem 1.5rem .65rem;
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  font-size: .875rem;
  flex-shrink: 0; }

.wmd-search-status.is-loading::before {
  content: '';
  display: inline-block;
  width: .75rem;
  height: .75rem;
  margin-right: .5rem;
  border: 2px solid var(--wmd-search-border, var(--bs-border-color, #dee2e6));
  border-top-color: var(--wmd-search-accent, var(--bs-link-color, #0d6efd));
  border-radius: 50%;
  animation: wmd-search-spin .8s linear infinite; }

@keyframes wmd-search-spin {
  to {
    transform: rotate(360deg); } }
.wmd-search-results-wrap {
  overflow: auto;
  min-height: 0;
  overscroll-behavior: contain;
  padding: 0 .75rem .75rem; }

.wmd-search-results {
  list-style: none;
  margin: 0;
  padding: 0; }

.wmd-search-result {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin: 0;
  padding: .85rem .75rem;
  border: 1px solid transparent;
  border-radius: .6rem;
  text-decoration: none !important;
  color: var(--wmd-search-text, var(--bs-body-color, #212529)) !important; }

.wmd-search-result:hover, .wmd-search-result[aria-selected=true] {
  background: var(--wmd-search-nav-hover, var(--bs-tertiary-bg, #f1f3f5));
  border-color: var(--wmd-search-border, var(--bs-border-color, #dee2e6)); }

.wmd-search-result[aria-selected=true] {
  border-color: var(--wmd-search-accent, var(--bs-link-color, #0d6efd)); }

.wmd-search-result-title {
  font-weight: 650;
  font-size: 1rem;
  color: var(--wmd-search-text, var(--bs-body-color, #212529)); }

.wmd-search-result-summary {
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  font-size: .875rem;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.wmd-search-result-path {
  font-size: .75rem;
  color: var(--wmd-search-accent, var(--bs-link-color, #0d6efd)); }

.wmd-search-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
  border-top: 1px solid var(--wmd-search-border, var(--bs-border-color, #dee2e6));
  padding: .85rem 1.5rem;
  background: var(--wmd-search-surface, var(--bs-tertiary-bg, #f8f9fa));
  font-size: .75rem;
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  flex-shrink: 0; }

.wmd-search-footer kbd {
  display: inline-block;
  padding: .1rem .3rem;
  border: 1px solid var(--wmd-search-border, var(--bs-border-color, #dee2e6));
  border-radius: .25rem;
  background: var(--wmd-search-field, var(--bs-body-bg, #fff));
  color: var(--wmd-search-muted, var(--bs-secondary-color, #59636e));
  font: inherit; }

.wmd-search-footer a {
  color: var(--wmd-search-accent, var(--bs-link-color, #0d6efd)); }


@media (max-width: 480px) {
  .wmd-search-heading {
    padding: 1rem 1rem .5rem; }

  .wmd-search-form {
    padding: .5rem 1rem 0; }

  .wmd-search-hint {
    margin-left: 1rem;
    margin-right: 1rem; }

  .wmd-search-status {
    padding-left: 1rem;
    padding-right: 1rem; }

  .wmd-search-footer {
    padding: .75rem 1rem; }

  .wmd-search-input-wrap {
    gap: .5rem; }

  #wmd-search-input {
    font-size: 1rem; }

  .wmd-search-dialog {
    max-height: calc(100dvh - 2rem); } }
@media (prefers-reduced-motion: reduce) {
  .wmd-search-status.is-loading::before {
    animation: none; } }
@media print {
  .wmd-search-trigger, .wmd-search-dialog {
    display: none !important; } }