[x-cloak] { display: none !important; }

/* The Hugo bundle includes @tailwindcss/forms which hides native checkboxes
   behind its own (low-contrast) drawing. Restore native rendering for the
   getchars UI so selections are clearly visible. */
input[type="checkbox"],
input[type="radio"] {
  appearance: auto;
  -webkit-appearance: auto;
  background-color: initial;
  border: initial;
}

/* Same deal for <select>: @tailwindcss/forms injects a custom SVG chevron
   that collides with the select's actual padding-right and overlaps the
   option text. Use the native browser arrow instead. */
select {
  appearance: auto;
  -webkit-appearance: auto;
  background-image: none;
}

/* Blowfish's main.bundle.min.js isn't loaded on getchars (it pulls in deps
   that don't exist here - scroll-to-top element, code-copy targets, etc.),
   so the search buttons have no JS to open the modal. Show them disabled
   so the header layout matches the Hugo site instead of shifting. */
#search-button,
#search-button-mobile {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}