/* `.world-content { display:none }` + `.world-content-active { display:block }`
   moram em components.css — não redeclarar aqui (a source order do cascade
   sobrescreveria o `world-content-active`). */

/* Linha de título escuro em tabelas (substitui bgcolor="#242438" inline) */
.section-title-row td {
    background-color: #242438;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 6px;
}

/* .si-table-66 ficou redundante com a estratégia de margin-right baseada
   na altura da TOC (components.css + adjustTocLayout em app.js). Mantida
   como classe órfã caso seja referenciada em outro lugar — sem width fixo. */

/* Bloco de notas dentro da seção de ajuste de modo */
.si-mode-notes {
    padding: 10px;
    background-color: #333333;
    border-radius: 5px;
    width: 90%;
    margin: 8px auto;
    color: #cccccc;
    font-size: 12px;
}

.si-mode-notes p {
    margin: 6px 0;
}

.si-mode-notes ul {
    padding-left: 20px;
    list-style-position: inside;
    margin: 4px 0;
}

.si-mode-notes hr {
    border-color: #555555;
    margin: 8px 0;
}

@media (max-width: 680px) {
    .si-mode-notes { width: 100%; }
}