:root {
    --fundo-site: #0a0a0a;
    --fundo-menu: #121212;
    --texto-principal: #e0e0e0;
    --texto-secundario: #a0a0a0;
    --destaque-vermelho: #ff3333;
    --borda: #262626;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--fundo-site);
    color: var(--texto-principal);
    display: flex;
    min-height: 100vh;
}

/* BARRA LATERAL */
.sidebar {
    width: 250px;
    background-color: var(--fundo-menu);
    padding: 40px 30px;
    border-right: 1px solid var(--borda);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.links-menu { display: flex; flex-direction: column; gap: 10px; }

.sidebar a {
    color: var(--texto-secundario);
    text-decoration: none;
    font-size: 15px;
    padding: 10px 15px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.sidebar a:hover, .sidebar a.ativo {
    color: #ffffff;
    background-color: rgba(255, 51, 51, 0.1);
    transform: translateX(5px);
    border-left: 3px solid var(--destaque-vermelho);
}

.divisor { border: none; border-top: 1px solid var(--borda); margin: 30px 0; }

.titulo-secao { color: #444; font-size: 12px; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 15px; text-transform: uppercase; }

/* ÁREA PRINCIPAL - Expandida */
.content {
    flex: 1;
    padding: 60px 5%;
    background: var(--fundo-site);
    overflow-y: auto;
}

/* TÍTULO PRINCIPAL - Bem longe do texto */
.titulo-site {
    font-family: 'JetBrains Mono', monospace;
    font-size: 42px;
    margin-bottom: 120px; /* Aumentei bastante a distância aqui */
    letter-spacing: -2px;
    text-transform: uppercase;
    white-space: nowrap;
}

.titulo-site .cor-1 { color: var(--destaque-vermelho); }
.titulo-site .cor-2 { color: #ffffff; }

/* CONTAINER DO ARTIGO SEM CAIXA NENHUMA */
.card-artigo { width: 100%; }
.card-artigo h1 { font-size: 42px; font-weight: 600; color: #ffffff; margin-bottom: 30px; letter-spacing: -1px; }

/* TEXTO DO ARTIGO OCUPANDO A TELA TODA */
.texto-artigo p {
    font-size: 18px;
    line-height: 1.8;
    color: var(--texto-secundario);
    margin-bottom: 25px;
    width: 100%;
    text-align: justify; /* <-- Esta é a linha nova */
}