/*
 * Small additions on top of styles.css.
 * styles.css is the compiled Tailwind build carried over from Horizons: it already contains
 * every utility class the pages use. Reusing an existing class anywhere just works; a brand-new
 * Tailwind class that isn't in styles.css yet needs a rule added here (or a Tailwind rebuild).
 */

/* Elements animated by site.js start hidden, only while JS is running
   (the inline script in each page's <head> adds the .js class). */
.js [data-reveal]:not(.is-revealed) {
  opacity: 0;
}

[hidden] {
  display: none !important;
}

/* Icons: <svg class="icon h-5 w-5"><use href="/assets/img/icons.svg#phone"/></svg>
   Stroke style matches Lucide. :where() keeps specificity at 0 so utilities like fill-current win. */
:where(.icon) {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
