/* Fully-clickable card hit areas — v1, 2026-08-10.
   Layout-neutral: a transparent native link covers only cards that the JS helper
   verifies have one unambiguous destination. Existing links stay above it. */
.astro-card-clickable{
  position:relative;
  cursor:pointer;
}

.astro-card-clickable > .astro-card-hitarea{
  position:absolute;
  z-index:1;
  inset:0;
  display:block;
  border-radius:inherit;
  background:transparent;
  color:inherit;
  text-decoration:none;
  outline:0;
}

.astro-card-clickable a[href]:not(.astro-card-hitarea),
.astro-card-clickable button,
.astro-card-clickable input,
.astro-card-clickable select,
.astro-card-clickable textarea,
.astro-card-clickable summary,
.astro-card-clickable [contenteditable]:not([contenteditable="false"]){
  position:relative;
  z-index:2;
  pointer-events:auto;
}

/* These two card families already use positioned content wrappers above their
   decorative layers. Let pointer events pass through non-interactive copy to
   the hit-area while keeping their real CTA links native and clickable. */
.astro-card-clickable.journey-card .journey-card__art,
.astro-card-clickable.journey-card .journey-card__content,
.astro-card-clickable.library-featured .library-featured__content{
  pointer-events:none;
}

.astro-card-clickable.library-featured .library-featured__star{
  pointer-events:none;
}