:root {
    --richtext-highlight:#F5AA1D;
}

.highlight-accent {
    position:relative;
    z-index:0;
}
h1 .highlight-accent:after,
h2 .highlight-accent:after,
h3 .highlight-accent:after,
h4 .highlight-accent:after,
h5 .highlight-accent:after,
h6 .highlight-accent:after {
    content:"";
    background-color:var(--richtext-highlight);
    mask-image:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 478 16"><path d="M -0.11,8.37 C 4.53,5.86 13.58,5.46 19.01,5.03 19.01,5.03 54.09,3.01 54.09,3.01 54.09,3.01 76.14,1.80 76.14,1.80 76.14,1.80 85.13,2.09 85.13,2.09 85.13,2.09 97.16,1.48 97.16,1.48 97.16,1.48 116.18,1.04 116.18,1.04 116.18,1.04 127.18,1.39 127.18,1.39 127.18,1.39 137.20,0.76 137.20,0.76 137.20,0.76 153.19,1.27 153.19,1.27 153.19,1.27 170.22,0.81 170.22,0.81 170.22,0.81 231.19,2.76 231.19,2.76 231.19,2.76 248.21,2.31 248.21,2.31 248.21,2.31 297.18,3.87 297.18,3.87 297.18,3.87 312.21,3.35 312.21,3.35 312.21,3.35 390.20,4.85 390.20,4.85 390.20,4.85 407.22,4.39 407.22,4.39 407.22,4.39 477.19,6.63 477.19,6.63 477.19,6.63 477.12,8.63 477.12,8.63 477.12,8.63 463.07,10.02 463.07,10.02 463.07,10.02 428.99,12.00 428.99,12.00 428.99,12.00 406.97,12.48 406.97,12.48 406.97,12.48 395.94,13.04 395.94,13.04 395.94,13.04 374.92,13.37 374.92,13.37 374.92,13.37 361.90,13.94 361.90,13.94 361.90,13.94 331.88,13.99 331.88,13.99 331.88,13.99 314.85,14.49 314.85,14.49 314.85,14.49 298.86,13.98 298.86,13.98 298.86,13.98 286.84,14.55 286.84,14.55 286.84,14.55 264.85,13.85 264.85,13.85 264.85,13.85 247.83,14.30 247.83,14.30 247.83,14.30 198.85,12.74 198.85,12.74 198.85,12.74 183.83,13.25 183.83,13.25 183.83,13.25 148.84,12.13 148.84,12.13 148.84,12.13 131.82,12.59 131.82,12.59 131.82,12.59 98.84,11.54 98.84,11.54 98.84,11.54 81.81,11.99 81.81,11.99 81.81,11.99 40.84,10.68 40.84,10.68 32.21,10.40 6.50,10.48 -0.11,8.37 Z" /></svg>');
    mask-size:100% auto;
    mask-position:center;
    mask-repeat:no-repeat;
    display:inline-block;
    position:absolute;
    z-index:-1;
    width:100%;
    height:.4em;
    max-height:16px;
    top:80%;
    left:50%;
    transform:translateX(-50%);
}

p span.highlight-accent {
    background-image: linear-gradient(to right, var(--richtext-highlight) 0%, var(--richtext-highlight) 100%);
    background-repeat: repeat-x; 
    background-position: 0 100%; 
    background-size: 100% .175em;
}