.note {
    border-left: 2px solid var(--slu-fjader);
    font-family: var(--slu-font-roboto);
}
.note:hover { border-color: var(--link-blue) }
.note > * { margin: 0 0 0 .5em }

.pill {
    background-color: var(--main-bg-color);
    border-radius: var(--medium-radius);
    color: var(--slu-choklad);
    font-family: var(--slu-font-roboto);
    padding: .125em .5em;
}
.pill *:not(:last-child) { margin-right: .25rem }
.pill img { height: 1em }