/* Hover on standalone links: a lighter colour, not an underline.
 * Steven Webb, 16 September 2026, for every site in the family.
 * Load this sheet last, after the site theme and homepage-family.css.
 *
 * Standalone links (navigation, cards, episode rows, footer, text links,
 * breadcrumbs, link rows) stay plain at rest and shift colour on hover.
 * Links inside reading prose keep their underline at rest and on hover,
 * and shift colour too. Buttons keep their own hover fills. Keyboard focus
 * is unchanged. The hover colour keeps 4.5:1 on the oyster surface. */

:root[data-homepage-family]{--link-hover:color-mix(in srgb,var(--family-ink) 72%,var(--family-field))}
:root[data-homepage-family] .site-header,:root[data-homepage-family] .site-footer{--link-hover:var(--family-field)}
@supports not (color:color-mix(in srgb,red 50%,blue)){:root[data-homepage-family]{--link-hover:var(--family-hover)}}

/* Standalone links. */
:root[data-homepage-family] a:not(.button,.header-cta,.footer-arrow,.footer-all-links,.footer-support a,[data-support],.play,.platform-button,.service-button,.link-button):hover{text-decoration:none;color:var(--link-hover)}
:root[data-homepage-family] .site-header nav a:hover{text-decoration:none;color:var(--link-hover)}
:root[data-homepage-family] .site-header nav a[aria-current]:hover{color:var(--link-hover)}
:root[data-homepage-family] :is(.text-button,.reply-link,.reply-context button,.transcript summary):hover{text-decoration:none;color:var(--link-hover)}
.footer-useful a:not(.footer-arrow,.footer-all-links,.footer-support a,[data-support]):hover{text-decoration:none;color:var(--link-hover)}

/* Links whose hover marks a word inside them. */
.content-card:hover .card-title,.episode-link:hover .episode-title,.episode-link:hover .episode-action,.lesson-list a:hover .lesson-list-title,.link-row:hover strong,.links-show h2 a:hover,.course-list h3 a:hover,.podcast-links>a:hover{text-decoration:none;color:var(--link-hover)}
.content-card:hover .card-action,.link-row:hover{color:var(--link-hover)}

/* Reading prose keeps its underline so links stay recognisable in text. */
:root[data-homepage-family] :is(.prose,.article-prose,.intro-copy,.reading-copy,.weekly-body p,.discussion-note,.form-status,.cookie-banner p) a:hover{text-decoration:underline;text-underline-offset:.23em;color:var(--link-hover)}

/* Buy Me a Coffee keeps its yellow; the hover no longer underlines it. */
a[data-support=coffee]:is(:hover,:active){text-decoration:none}