@media (min-width: 768px) {
    /* hide the full‐screen backdrop, but still catch clicks outside */
    #searchModal {
      background: transparent;
      align-items: start;       /* allow absolute positioning */
      justify-content: start;
    }
  
    /* make the dialog auto‐sized and absolute */
    #searchModalDialog {
      position: absolute !important;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      border-radius: 0.5rem;    /* same as md:rounded-lg */
      margin: 0;                /* override the mx-auto */
    }
  }

  /* when it’s focused, we just show the caret—no outline or highlight */
#internalSearchInput:focus {
    outline: none;
    caret-color: #444;
  }

  .accordion-summary { @apply flex items-center justify-between gap-2 cursor-pointer select-none bg-gray-50 px-4 py-3 text-base font-medium hover:bg-gray-100; }
  .accordion-body    { @apply px-6 py-4; }
  .accordion-chevron {
    @apply w-5 h-5 text-gray-500 transition-transform duration-200;
  }
  details[open] > summary .accordion-chevron {
    transform: rotate(-180deg);
  }