/* src/css/article3.css */

/* Reuse the full article layout/styles */
@import url("./article1.css");

/* Hero meta links (category/comments) */
.article-meta a {
    color: inherit;
    text-decoration: none;
}

.article-meta a:hover {
    text-decoration: underline;
}

/* If you use <ol class="article-list">, make it numbered (not bullet dots) */
ol.article-list {
    counter-reset: bw-ol;
}

ol.article-list>li {
    counter-increment: bw-ol;
    padding-left: 44px;
    /* a bit more room for a number badge */
}

/* Override the bullet-dot style from .article-list li::before */
ol.article-list>li::before {
    content: counter(bw-ol);
    top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--bw-accent);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

/* Optional: make bold text inside list items a bit clearer */
.article-list strong {
    color: var(--bw-ink);
    font-weight: 500;
}