/* Container principal */
.cards_container {
display: flex;
gap: 20px;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: stretch;
font-family: sans-serif;
}

/* Estilo do Card */
.card {
border: 1px solid #ccc; /* Adicionado para definir melhor o limite do card */
flex: 1 1 480px;
padding: 20px;
border-radius: 4px;
background-color: #f1f1f1;
display: flex;
flex-direction: column;
}

/* Títulos: Ajuste de hierarquia para H2 e H3 */
.card h2 {
text-align: left;
border-bottom: 2px solid #01426a; /* Cor com contraste em vez de branco */
font-size: 1.6rem;
font-weight: bold;
color: #01426a;
margin-top: 0;
padding-bottom: 8px;
}

.card h3 {
text-align: left;
font-size: 1.3rem;
font-weight: bold;
color: #01426a;
margin: 15px 0 10px 0;
}

/* Listas e Links */
.card ul {
list-style: none;
padding: 0;
margin: 0;
}

.card li {
margin-bottom: 10px;
}

.card a {
text-align: left;
font-size: 1.1rem;
color: #01426a;
/* text-decoration: underline; Importante para identificar links sem depender da cor */
}

.card a:hover, .card a:focus {
text-decoration: none;
background-color: #01426a;
color: #fff;
}

/* Sub-itens (substituindo o margin-left manual) */
.sub-item {
margin-left: 20px;
font-size: 0.95rem;
}

/* Aviso para links externos */
.external-link::after {
content: ” (abre em nova aba)”;
font-size: 0.8rem;
clip: rect(1px, 1px, 1px, 1px); /* Esconde visualmente mas mantém para leitores de tela */
position: absolute;
}

Fonte TST