/* ============================================
   ARTICLE PAGE EXTRAS - article.php
   (builds on template-page.css, which is loaded alongside this)
   ============================================ */

.article-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    font-size: 0.85rem;
    color: var(--text-muted, #64748B);
}
.article-meta-item {
    display: inline-flex;
    align-items: center;
}
.article-meta-item:not(:last-child)::after {
    content: '\00b7';
    margin-left: 0.5rem;
    color: var(--text-muted, #64748B);
}
.article-category-link {
    color: var(--primary-dark, #065F46);
    font-weight: 700;
    text-decoration: none;
}

.article-toc {
    background: var(--bg-surface, #F1F5F2);
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
}
.article-toc-title {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--text-dark, #0F172A);
    margin-bottom: 0.6rem;
}
.article-toc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.article-toc li {
    margin-bottom: 0.4rem;
}
.article-toc a {
    color: var(--primary-dark, #065F46);
    font-size: 0.9rem;
    text-decoration: none;
}
.article-toc a:hover {
    text-decoration: underline;
}
.article-toc-level-3 {
    padding-left: 1.1rem;
}
.article-toc-level-4 {
    padding-left: 2.2rem;
}