@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre&display=swap');

.post--body > *:not(div), .post-list--title, .post--title {
    font-family: 'Frank Ruhl Libre', serif;
}

.suggestion-popup {
    position: absolute;
    background: white;
    border: 1px solid var(--muted-graphic);
    border-radius: 0.3em;
    box-shadow: 3px 3px 5px -3px var(--muted-text);
    max-height: 250px;
    overflow-y: scroll;
}

.suggestion-popup .suggestion {
    display: block;
    padding: 0.3em 0.6em;
    border-bottom: 1px solid var(--muted-graphic);
    color: inherit;
    text-decoration: none;
}

.suggestion-popup .suggestion:last-of-type {
    border-bottom: 0;
}

.suggestion-popup .suggestion:hover {
    color: white;
    background: var(--primary);
    transition: all 0.05s ease;
    text-decoration: none;
}
