/**
 * Hub editorial de crise (blog) — listas disc + marcadores coloridos.
 * Usado apenas em artigos com <article class="article--cluster-crise">.
 */

main.article article.article--cluster-crise {
    --cluster-crise-accent: #0b6a8c;
    --cluster-crise-accent-soft: rgba(11, 106, 140, 0.12);
    --cluster-crise-marker: #0b6a8c;
    --cluster-crise-ol-marker: #c2410c;
}

main.article article.article--cluster-crise h2 {
    color: #0c4a6e;
    font-size: 1.35rem;
    padding-bottom: 0.4rem;
    margin-top: 2rem;
    margin-bottom: 0.85rem;
    border-bottom: 2px solid var(--cluster-crise-accent-soft);
}

main.article article.article--cluster-crise h2:first-of-type {
    margin-top: 0.5rem;
}

main.article article.article--cluster-crise h3 {
    color: #134e4a;
    font-size: 1.1rem;
    margin-top: 1.35rem;
    margin-bottom: 0.6rem;
}

main.article article.article--cluster-crise ul.list {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1.35rem;
    margin: 0 0 1.25rem;
}

main.article article.article--cluster-crise ul.list > li {
    padding-left: 0.35rem;
    margin-bottom: 0.65rem;
}

main.article article.article--cluster-crise ul.list > li::marker {
    color: var(--cluster-crise-marker);
    font-size: 1.05em;
}

main.article article.article--cluster-crise ol.list {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 1.5rem;
    margin: 0 0 1.25rem;
}

main.article article.article--cluster-crise ol.list > li {
    padding-left: 0.35rem;
    margin-bottom: 0.65rem;
}

main.article article.article--cluster-crise ol.list > li::marker {
    color: var(--cluster-crise-ol-marker);
    font-weight: 600;
}

main.article article.article--cluster-crise a {
    color: var(--cluster-crise-accent);
    text-decoration: underline;
    text-decoration-color: rgba(11, 106, 140, 0.35);
    text-underline-offset: 0.18em;
    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}

main.article article.article--cluster-crise a:hover {
    color: #c2410c;
    text-decoration-color: rgba(194, 65, 12, 0.75);
}

main.article article.article--cluster-crise a:focus-visible {
    outline: 2px solid var(--cluster-crise-accent);
    outline-offset: 2px;
    border-radius: 2px;
}