/* Estilos globais do corpo da página */
body {
    background-color: #e0e0d0; /* Um fundo claro, ajuste a cor */
    color: #333; /* Cor do texto principal, ajuste */
    font-family: Arial, sans-serif; /* Fonte simples, ajuste se souber a original */
    font-size: 14px; /* Tamanho da fonte, ajuste */
    margin: 0;
    padding: 0;
}

/* Container principal ou área do board, se houver */
/* Você precisará identificar o seletor correto no Endchan, ex: #wrapper, .container */
#wrapper, .container {
    max-width: 900px; /* Largura máxima do conteúdo, ajuste */
    margin: 20px auto; /* Centraliza o conteúdo */
    padding: 15px;
    background-color: #ffffff; /* Fundo branco para o conteúdo principal */
    border: 1px solid #ddd;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

/* Título do board */
/* Identifique o seletor, ex: h1.board-title, #board-header */
h1.board-title {
    color: #555;
    text-align: center;
    font-size: 2em;
    margin-bottom: 20px;
}

/* Links em geral */
a {
    color: #0000ff; /* Azul padrão, ajuste */
    text-decoration: none; /* Remove sublinhado */
}

a:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}

/* Formulário de Nova Postagem / Thread */
/* Identifique o seletor do formulário, ex: #post-form, .new-post-form */
#post-form {
    background-color: #f9f9f9; /* Fundo mais claro para o formulário */
    border: 1px solid #e0e0e0;
    padding: 15px;
    margin-bottom: 20px;
}

/* Labels dos campos do formulário */
#post-form label {
    display: block; /* Cada label em uma nova linha */
    margin-bottom: 5px;
    font-weight: bold;
    color: #555;
}

/* Campos de entrada de texto e senha */
#post-form input[type="text"],
#post-form input[type="password"],
#post-form input[type="email"] {
    width: calc(100% - 12px); /* Largura total menos padding/border */
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    box-sizing: border-box; /* Inclui padding e border na largura */
}

/* Textarea para o comentário */
#post-form textarea {
    width: calc(100% - 12px);
    height: 120px; /* Altura padrão */
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    box-sizing: border-box;
    resize: vertical; /* Permite redimensionar verticalmente */
}

/* Botões (Enviar, Recarregar, etc.) */
#post-form input[type="submit"],
#post-form button {
    background-color: #4CAF50; /* Verde, ajuste a cor */
    color: white;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
}

#post-form input[type="submit"]:hover,
#post-form button:hover {
    background-color: #45a049;
}

/* Checkbox (Spoiler) */
#post-form input[type="checkbox"] {
    margin-right: 5px;
}

/* Área do CAPTCHA */
.captcha-container { /* Identifique o seletor correto do captcha */
    margin-top: 15px;
    text-align: center; /* Centraliza o captcha e o campo */
}

.captcha-image {
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

.captcha-input {
    width: 150px; /* Largura do campo do captcha */
}

/* Threads e Posts */
/* Identifique os seletores de thread e post, ex: .thread, .post-container, .post */
.thread, .post {
    background-color: #fefefe; /* Fundo levemente diferente para posts */
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin-bottom: 15px;
    clear: both; /* Limpa floats */
}

/* Imagens em posts */
.post-image { /* Identifique o seletor da imagem no post */
    float: left; /* Flutua a imagem para a esquerda do texto */
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 200px; /* Largura máxima da miniatura, ajuste */
    height: auto;
    border: 1px solid #ccc;
}

/* Texto do post / Mensagem */
.post-message { /* Identifique o seletor da mensagem do post */
    margin-bottom: 5px;
    line-height: 1.5;
}

/* Spoiler (o mais complicado, pode depender de JS) */
.spoiler {
    background-color: #333; /* Cor de fundo para esconder o texto */
    color: #333; /* Mesma cor para esconder o texto */
    padding: 0 4px; /* Pequeno padding */
    cursor: pointer; /* Indica que é clicável/interativo */
}

.spoiler:hover {
    color: #fff; /* Revela o texto ao passar o mouse */
}

/* Nome do autor do post */
.post-author { /* Identifique o seletor do nome */
    font-weight: bold;
    color: #1a0dab; /* Cor de link azul para o nome */
}

/* Informações do post (data, ID) */
.post-info { /* Identifique o seletor */
    font-size: 0.9em;
    color: #777;
    margin-left: 10px; /* Para ficar ao lado do nome */
}

/* Citação (greentext) */
.quote { /* Identifique o seletor de citação */
    color: #008000; /* Verde */
}

/* Links de navegação (Previous, Next, etc.) */
.nav-links { /* Identifique o seletor */
    text-align: center;
    margin-top: 20px;
    font-size: 1.1em;
}

.nav-links a {
    margin: 0 5px;
}

/* Linha separadora, se houver */
hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin: 20px 0;
}