/* Estilos compartilhados para páginas de artigos */

.code-block {
    background: #f8f9fa;
    padding: 1rem; /* padding padrão */
    padding-top: 2.2rem; /* espaço para o ícone de copiar */
    border-radius: 5px;
    font-family: monospace;
    white-space: pre; /* não quebra linha; habilita rolagem horizontal */
    overflow-x: auto; /* scroll horizontal quando necessário */
    overflow-y: auto; /* scroll vertical quando exceder altura */
    max-height: 300px; /* altura máxima do bloco de código */
    line-height: 1.4; /* conforto de leitura */
}

.code-container {
    position: relative;
    margin-bottom: 1rem;
    padding-top: 8px; /* afasta o ícone do topo */
}

.copyButton {
    position: absolute;
    top: 14px; /* distância do topo para não sobrepor o texto */
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
}