/*
Article
*/

.article__content a {
    border-bottom: 1px solid var(--border-dark-color);
    text-decoration: none;
    color: var(--border-dark-color);
}

.article__content a:hover,
.article__content a:focus,
.article__content a:active {
    border-bottom: 1px solid var(--border-dark-color);
    text-decoration: none;
    color: var(--border-dark-color);
}

.article__meta {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.article__date {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.article__author {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.article__list-recom {
    list-style-type: disc;
}

.article__description--bottom {
    margin-bottom: 0;
}

/* Bottom List */
.article__list--bottom {
    margin-block: 1rem;
    padding-left: 2rem;
}

/* Roman Numeral List */
.roman-list {
    padding-left: 2rem;
    list-style-type: none;
    counter-reset: item;
}

.roman-list__item {
    position: relative;
    padding-left: 2rem;
}

.roman-list__item::before {
    content: counter(item, upper-roman) ".";
    counter-increment: item;
    position: absolute;
    left: 0;
    color: #222;
    font-weight: 600;
}