Two small environments for teaching material. In a PDF both are ordinary paragraphs.
Note. A webnote sets a passage off from the text around it, re-broken at the width of its box.
Hint
Hint. A webhint stays blurred until the reader clicks it (or focuses it and presses Enter); another click blurs it again. It is meant for exercises, so that the hint is not read by accident.
\begin{webnote}\textbf{Note.} A \texttt{webnote} sets a passage off from the text around
it, re-broken at the width of its box.
\end{webnote}\begin{webhint}\textbf{Hint.} A \texttt{webhint} stays blurred until the reader clicks it
(or focuses it and presses Enter); another click blurs it again. It is meant
for exercises, so that the hint is not read by accident.
\end{webhint}
Their colours are custom properties a page can set: --latex-note-accent for the note’s border and tint.