li:is(
.coding,
.colouring,
.dance,
.drawing,
.journal,
.lettering,
.piano,
.pilates,
.read,
.rebounder,
.run,
.walkrun,
.strength,
.walk,
.write,
.yoga
) {
list-style: none;
margin-left: -1.9rem;
padding: 0.1rem 0 0.1rem 1.9rem;
background-repeat: no-repeat;
background-position: left center;
background-size: 1.4rem;
}

li.coding {
background-image: url("/assets/img/coding.svg");
}
li.colouring {
background-image: url("/assets/img/colouring.svg");
}
li.dance {
background-image: url("/assets/img/dance.svg");
}
li.drawing {
background-image: url("/assets/img/drawing.svg");
}
li.journal {
background-image: url("/assets/img/journal.svg");
}
li.lettering {
background-image: url("/assets/img/lettering.svg");
}
li.piano {
background-image: url("/assets/img/piano.svg");
}
li.pilates {
background-image: url("/assets/img/pilates.svg");
}
li.read {
background-image: url("/assets/img/reading.svg");
}
li.rebounder {
background-image: url("/assets/img/rebounder.svg");
}
li.run,
li.walkrun {
background-image: url("/assets/img/running.svg");
}
li.strength {
background-image: url("/assets/img/strength.svg");
}
li.walk {
background-image: url("/assets/img/walk.svg");
}
li.write {
background-image: url("/assets/img/writing.svg");
}
li.yoga {
background-image: url("/assets/img/yoga.svg");
}

/* The ✕ in "18 ✕ piano". */
span.x {
font-family: var(--font-sans);
font-size: 0.8em;
font-weight: 600;
}

/* Headings over a brush stroke. */
.highlighter {
width: fit-content;
max-width: 100%;
padding: 0 0.5rem;
background-repeat: no-repeat;
background-position: center 80%;
background-size: 100% 76%;
}
.highlighter.pink {
background-image: url("/assets/img/brush-pink.svg");
}
.highlighter.yellow {
background-image: url("/assets/img/brush-yellow.svg");
}
.highlighter.blue {
background-image: url("/assets/img/brush-blue.svg");
}
.highlighter.orange {
background-image: url("/assets/img/brush-orange.svg");
}
.highlighter.green {
background-image: url("/assets/img/brush-green.svg");
}

/* The month line at the top of the body, styled like the other .date lines.
    Scoped to p because the site's own date lines are span.date. */
p.date {
text-transform: uppercase;
}