/* highlighter look – applied ONLY to headings that opt in */ [data-split="heading"][data-effect="highlight"] .line, [data-split="heading"][data-effect="highlight"] .word, [data-split="heading"][data-effect="highlight"] .letter { background-image: linear-gradient(#fff78a 0 0); /* marker colour */ background-repeat: no-repeat; background-size: 0% 100%; /* start with no ink */ background-position: 0 100%; /* underline-style sweep */ }