/**
 * Spacing for the plugin's own blocks.
 *
 * Deliberately tiny. This plugin does not style anybody's site — fonts,
 * colours and list markers are all left to the theme. The one thing it does
 * claim is the gap between its intro paragraph and the list that paragraph
 * introduces, because otherwise the two run together and the block reads as
 * one broken lump.
 *
 * Elementor's Site Settings write `.elementor-kit-NNN p { margin-block-end: 0 }`
 * on every paragraph site-wide, which is specificity 0,1,1 — enough to beat a
 * bare `.ilink-areas-intro`. Scoping through the wrapper takes this to 0,2,1
 * so it wins on specificity rather than on which stylesheet happens to load
 * last.
 */

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


/**
 * The injected links themselves.
 *
 * The rule above says this plugin leaves the site's look alone, and this does
 * not break that: the link takes the colour of the text around it rather than
 * imposing one. What it does claim is the underline, because a link this
 * plugin decided to add mid-sentence should not read like a link the author
 * wrote — dotted marks it as a term you can go and read about, and it goes
 * solid on hover so it still invites the click.
 *
 * `a.ilink:any-link` rather than a bare `.ilink`: Elementor strips underlines
 * from links with a two-class selector, which outranks a single class.
 *
 * Filter `ilink_front_css` turns the whole stylesheet off for a site 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;
}