/* ============================================================
   Socials by Ampersand — companion stylesheet
   Tailwind (loaded via CDN in each page) handles the rest.
   This file holds the few small things Tailwind shouldn't
   inline as utilities or that need to apply globally.
   ============================================================ */

::selection {
  background: #111827;
  color: #ffffff;
}

@media (prefers-color-scheme: dark) {
  ::selection {
    background: #f3f4f6;
    color: #030712;
  }
}

/* Hide native disclosure marker on Safari for the FAQ <details>. */
details > summary::-webkit-details-marker {
  display: none;
}

/* The HTML `hidden` attribute should always win over Tailwind's
   display utilities (e.g. `flex`, `inline-flex`, `grid`). Without
   this, hidden elements that also carry layout classes (like the
   contact form's prefill note) render visible by default. */
[hidden] {
  display: none !important;
}