/* The wavy underline — Ivar's Penn brand mark. Singular: the wavy
 * treatment lives ONLY here. No wavy dividers, no wavy headings. */

mark {
  background: transparent;
  color: inherit;
  padding: 0;
  text-decoration: underline wavy var(--accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
  cursor: help;
  transition: background-color 80ms ease;
}

mark.active {
  background-color: var(--accent-soft);
  padding: 0 2px;
  margin: 0 -2px;
}