#bookmark-list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin: 2rem 0;
}

#bookmark-list .bookmark.content {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    padding: .7rem;
}

.bookmark header {
    display: grid;
    grid-template-columns: 1rem 1fr;
    column-gap: 1rem;
}

.bookmark footer {
    margin: .5rem 0 0 2rem;
}

.bookmark header .date {
    font-size: .8rem;
}

.bookmark header h2 {
    margin: 0;
}

.bookmark-content {
    margin-left: 2rem;
    font-size: .9rem;
}

.bookmark-content p {
    margin-bottom: 0;
}

.bookmark a[rel="bookmark"] {
    font-size: 1.8rem;
    font-weight: 200;
    color: var(--bookmark-permalink-color);
    transition: color .35s ease-in-out;
}

.bookmark a[rel="bookmark"]:hover {
    color: var(--text-color);
}

.bookmark footer a {
    color: inherit;
}