aediroum.cfg

\Preamble{xhtml,mathml}

% Add anchor links at end of section titles
\newcommand\SecLink[2]{\gdef\SecAnchor{{#1}{#2}}}
\Configure{toTocLink}{\SecLink}{}

\newcommand\BlockTag[1]{\ifvmode\IgnorePar\fi\EndP\HCode{#1}}
\def\pilcrow{\special{t4ht@+&{35}xb6;}x}
\newcommand\MySection[2]{%
  \Configure{#1}{}{}{\BlockTag{<#2 class="#1Head">}\TitleMark
  }{ \expandafter\Link\SecAnchor \pilcrow\EndLink\BlockTag{</#2>}}
}
\MySection{section}{h2}
\MySection{subsection}{h3}
\MySection{subsubsection}{h4}

% Additional custom CSS
\Css{
  :root {
    --background: \#FEFEFE;
    --foreground: \#1E1E1E;
    --foreground-muted: \#8A8A8A;
    --link-color: \#0D6EFD;
    --link-hover-color: \#0A58CA;
    background: var(--background);
    color: var(--foreground);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
  a {
    color: var(--link-color);
    text-decoration: none;
  }
  a:hover {
    color: var(--link-color-hover);
  }
  .titlemark {
    display: inline-block;
    margin-right: 1em;
  }
}

\begin{document}
\EndPreamble