/**
 * Shared Insights: styling for the links it writes.
 *
 * Copied from the Internal Authority plugin (assets/front.css), so a website
 * looks the same once that plugin is removed. It deliberately claims almost
 * nothing: fonts, colours and list markers are left to the theme.
 *
 * The gap between a list's intro paragraph and the list itself. Elementor's
 * Site Settings set `.elementor-kit-NNN p { margin-block-end: 0 }` on every
 * paragraph (specificity 0,1,1); scoping through the wrapper (0,2,1) wins.
 */

.ilink-related p.ilink-related-intro,
.ilink-areas p.ilink-areas-intro {
	margin-bottom: 16px;
	margin-block-end: 16px;
}

/**
 * Links added mid-sentence take the colour of the text around them, with a
 * dotted underline that goes solid on hover, so they read as a term you can go
 * and read about rather than a link the author wrote.
 *
 * `a.ilink:any-link` rather than `.ilink`: Elementor strips underlines with a
 * two-class selector, which outranks a single class.
 *
 * The filter `ilink_front_css` turns this stylesheet off for a website that
 * wants its own treatment.
 */

a.ilink:any-link {
	color: inherit;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: text-decoration-color .2s ease;
}

a.ilink:any-link:hover,
a.ilink:any-link:focus-visible {
	text-decoration-style: solid;
}