/*
 * Long-form article content — Bootstrap 5.3 typography & tables
 * @see https://getbootstrap.com/docs/5.3/content/typography/
 * @see https://getbootstrap.com/docs/5.3/content/tables/
 */

.article-body {
    --article-heading-scroll-margin: 5rem;
}

.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 {
    scroll-margin-top: var(--article-heading-scroll-margin);
    color: var(--bs-heading-color, var(--bs-body-color));
    font-weight: var(--bs-heading-font-weight, 500);
    line-height: var(--bs-heading-line-height, 1.2);
}

.article-body > h2:not(:first-child),
.article-body > h3:not(:first-child) {
    margin-top: 2rem;
}

.article-body p {
    margin-bottom: 1rem;
}

.article-body > p,
.article-body > ul,
.article-body > ol,
.article-body > dl,
.article-body li {
    color: var(--bs-secondary-color);
}

.article-body strong,
.article-body b {
    color: var(--bs-body-color);
    font-weight: 600;
}

.article-body a:not(.btn):not(.page-link) {
    font-weight: 500;
}

.article-body ul,
.article-body ol {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
}

.article-body li + li {
    margin-top: 0.25rem;
}

.article-body blockquote {
    margin: 0 0 1rem;
    padding: 0.5rem 1rem;
    border-left: 0.25rem solid var(--bs-border-color);
    color: var(--bs-secondary-color);
}

.article-body blockquote > :last-child {
    margin-bottom: 0;
}

.article-body hr {
    margin: 2rem 0;
    opacity: 0.2;
}

.article-body code {
    font-size: 0.875em;
}

.article-body pre {
    margin-bottom: 1rem;
}

.article-body .table-responsive {
    margin-bottom: 1.5rem;
}

/* Tabele markdown — clase Bootstrap; ajustări doar pentru layout pe 3 coloane */
.article-body .article-data-table {
    table-layout: fixed;
    margin-bottom: 0;
}

.article-body .article-data-table th:nth-child(1),
.article-body .article-data-table td:nth-child(1) {
    width: 50%;
}

.article-body .article-data-table th:nth-child(2),
.article-body .article-data-table td:nth-child(2) {
    width: 25%;
}

.article-body .article-data-table th:nth-child(3),
.article-body .article-data-table td:nth-child(3) {
    width: 25%;
}

.article-body .article-data-table thead th:nth-child(2),
.article-body .article-data-table thead th:nth-child(3) {
    white-space: nowrap;
}

.article-body .article-data-table tbody td:nth-child(3) {
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .article-body .article-data-table {
        min-width: 36rem;
    }
}