/* Separate progress values give both curves their own, slightly staggered reveal. */
@property --af-upper-progress{syntax:'<percentage>';inherits:false;initial-value:0%}
@property --af-lower-progress{syntax:'<percentage>';inherits:false;initial-value:0%}
#main .af-heading-keyword{font:inherit;color:inherit;padding:0 0 .24em;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 24' preserveAspectRatio='none'%3E%3Cpath d='M4 9 Q295 1 596 8' fill='none' stroke='%23d8c49c' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 24' preserveAspectRatio='none'%3E%3Cpath d='M12 20 Q305 12 588 18' fill='none' stroke='%23d8c49c' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 100%;background-size:var(--af-upper-progress) .3em,var(--af-lower-progress) .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:--af-upper-progress .72s cubic-bezier(.22,1,.36,1) .08s,--af-lower-progress .72s cubic-bezier(.22,1,.36,1) .22s}
#main .af-heading-visible .af-heading-keyword{--af-upper-progress:100%;--af-lower-progress:100%}
@media(prefers-reduced-motion:reduce){#main .af-heading-keyword{--af-upper-progress:100%;--af-lower-progress:100%;transition:none}}
@media print{#main .af-heading-keyword{background:none;text-decoration:underline double;text-decoration-color:var(--lime);text-underline-offset:.12em}}