/* Links inside running text: words of the copy that lead to another page.
   Visible but calm: same weight and colour as the sentence, a thin underline that thickens on hover,
   and they wrap with the line (the stand-alone .link with an arrow is inline-flex; here it must not be). */
:where(.rich, .tbl, .scope, .after, .routes h3) a.link {
  display: inline;
  padding: 0;
  background: none;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, currentColor 55%, transparent);
  transition: text-decoration-color 0.2s ease, text-decoration-thickness 0.2s ease;
}
:where(.rich, .tbl, .scope, .after, .routes h3) a.link:hover {
  text-decoration-thickness: 2px;
  text-decoration-color: currentColor;
}
:where(.rich, .tbl, .scope, .after, .routes h3) a.link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 2px;
}