/* mare.css — estilos do vertical de tabua de mare */

.mare-preview-banner {
    border: 1px solid #f0c36d;
    background: #fff8e6;
    color: #6b4e00;
    border-radius: 12px;
    padding: 12px 14px;
    margin: 0 0 14px;
    font-size: 0.92rem;
    line-height: 1.45;
}

.mare-disclaimer {
    border: 1px solid #cdd8e6;
    background: #f4f7fb;
    border-radius: 12px;
    padding: 12px 14px;
    margin: 0 0 16px;
    font-size: 0.9rem;
    line-height: 1.45;
    color: #3c4b60;
}

.mare-disclaimer p { margin: 0; }
.mare-disclaimer a { color: #0b5bd3; }

.mare-fonte {
    font-size: 0.82rem;
    color: #6b7280;
    font-style: italic;
    margin-top: 6px;
}

body.dark-mode .mare-preview-banner {
    background: rgba(90, 68, 10, 0.35);
    border-color: rgba(200, 160, 70, 0.5);
    color: #f4e3b8;
}

body.dark-mode .mare-disclaimer {
    background: rgba(20, 30, 46, 0.6);
    border-color: rgba(90, 110, 140, 0.5);
    color: #c3d2e6;
}

body.dark-mode .mare-disclaimer a { color: #6bb0ff; }

/* Notas suaves (small print) das paginas de mare: cor muda com o tema (light/dark). */
.mare-note,
.mare-disclaimer .disclaimer--version,
.article-content .pipeline-disclaimer { color: #5a636e; }
body.dark-mode .mare-note,
body.dark-mode .disclaimer--version,
body.dark-mode .pipeline-disclaimer { color: #9fb0c3; }