main {
min-height: 0;
display: grid;
grid-template-columns: 150px 1fr;
}


#archive {
display: flex;
flex-direction: column;
gap: 5px;
}


#archive .widget {
background: var(--black);
}


#archive .widget:last-child {
flex: 1;
overflow-y: auto;

}

.old-books,
.new-books {
display: flex;
flex-direction: column;
padding: 5px 10px; 
}

.hidden {
display: none;
}
.testaments {
padding: 5px 10px; 
}

.testament {
font-family: monospace;
font-size: 12px;
font-weight: bold;
color: var(--yellow);
background-color: var(--black);
border: none;
cursor: pointer;
}

.book {
display: block;
width: 100%;
padding: 2px 0;
font-family: monospace;
font-size: 12px;
font-weight: bold;
text-align: left;
color: var(--yellow);
background-color: transparent;
border: none;
cursor: pointer;
}

.book:hover {
color: var(--lime);
}

.book.active::before {
content: "> ";
color: var(--lime);
}

.testament.active {
color: var(--lime);
}

.testament.active::before {
content: "> ";
}

.reader {
min-height: 0;
height: 100%;
overflow-y: auto;
background: var(--black);
border-left: 2px solid yellow;
}

#scripture {
margin: 0;
padding: 10px 15px;
white-space: pre-wrap;
font-family: monospace;
font-size: 15px;
line-height: 1.5;
color: var(--white);
}