/* card-no-underline.css — surgical fix for the client's underline-on-hover
   complaint (2026-04-26). Targets ONLY card classes, never nav/footer/prose.

   What this does:
   - Cards never show text-decoration (underline / overline / line-through).
   - Hover state preserved: cards can still change border color / background /
     transform — only the text underline is killed.
   - Cascades to descendants (text inside the card stays clean too).
   - No !important on rules that aren't strictly needed; we only force it on
     the link element + its descendants because some UA stylesheets set
     a:hover { text-decoration: underline } that needs to lose the cascade.

   Scope is intentionally narrow: home.html had a regression earlier when a
   broader override was injected, so this file lists card classnames
   explicitly rather than blanket-applying to all anchors. */

a.artifact-card,
a.artifact-card:hover,
a.artifact-card:focus,
a.discover-card,
a.discover-card:hover,
a.discover-card:focus,
a.serp-card,
a.serp-card:hover,
a.serp-card:focus,
a.dimension-card,
a.dimension-card:hover,
a.dimension-card:focus,
a.portal-card,
a.portal-card:hover,
a.portal-card:focus,
a.feature-card,
a.feature-card:hover,
a.feature-card:focus,
a.lab-card,
a.lab-card:hover,
a.lab-card:focus,
a.wisdom-card,
a.wisdom-card:hover,
a.wisdom-card:focus,
a.stage-card,
a.stage-card:hover,
a.stage-card:focus,
a.hero-card,
a.hero-card:hover,
a.hero-card:focus,
a.tile,
a.tile:hover,
a.tile:focus,
a.card,
a.card:hover,
a.card:focus {
  text-decoration: none !important;
}

/* Belt and suspenders: descendants of these cards inherit no underline even
   if a child element is itself an <a> or has explicit text-decoration. */
.artifact-card *, .artifact-card:hover *,
.discover-card *, .discover-card:hover *,
.serp-card *, .serp-card:hover *,
.dimension-card *, .dimension-card:hover *,
.portal-card *, .portal-card:hover *,
.feature-card *, .feature-card:hover *,
.lab-card *, .lab-card:hover *,
.wisdom-card *, .wisdom-card:hover *,
.stage-card *, .stage-card:hover *,
.hero-card *, .hero-card:hover *,
.tile *, .tile:hover *,
.card *, .card:hover * {
  text-decoration: none !important;
}