/* Course category text: "… read more" after the first two paragraphs (inc/category-readmore.php, assets/js/category-readmore.js).
   The class names are `s247-more-*` / `s247-read*`; the scope is the intro widget in the hero copy column. */

.s247-cat-copy .s247-more-dots { color: inherit; }

.s247-cat-copy a.s247-readmore,
.s247-cat-copy a.s247-readless {
	color: var(--s247-blue, #075bef);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 3px;
}
.s247-cat-copy a.s247-readmore:hover,
.s247-cat-copy a.s247-readless:hover { text-decoration: underline; text-underline-offset: 3px; }
.s247-cat-copy a.s247-readmore:focus-visible,
.s247-cat-copy a.s247-readless:focus-visible { outline: 2px solid var(--s247-blue, #075bef); outline-offset: 2px; }

/* The hidden part: same paragraph rhythm as the shown part, and the author's [hidden] stays authoritative. */
.s247-cat-copy .s247-more-body[hidden] { display: none; }
.s247-cat-copy .s247-less-row { margin-bottom: 0; }