.content-container{grid-column: 2 / 4;}

.passage-list {
overflow: auto; overflow-x: hidden; max-height: 60vh; padding: 20px; background-color: rgba(245, 234, 214, 0.35); border: 1px solid #81533A; border-radius: 3px;

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(129, 83, 58, 0.65);
  border: 1px solid #81533A;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(129, 83, 58, 0.8);
}

.year {
  background-color: #93000A; padding: 5px 10px; width: 2.5em; border-right: 2px solid #93000A;
  span {
    color: #FFDAD6; font-weight: bold; font-size: 1em;
  }
}

.title {
  display: flex; flex-direction: row; gap: 15px;
  div {
    padding: 10px 10px; width: 2.5em; border-right: 2px solid #93000A;
  }
  span {
    color: #93000A; font-weight: bold; font-size: 1em; float: right;
  }
  a {
    padding: 10px 0; color: #81533A; font-weight: bold; text-decoration: none;
  }
}

}

div.content-box {
overflow: auto; overflow-x: hidden; min-height: 60vh; padding: 20px; background-color: rgba(245, 234, 214, 0.35); border: 1px solid #81533A; border-radius: 3px; display: flex; justify-content: center;

div.content {
margin-top: 40px;
  max-width: 664px;
  min-width: 60%;
  font-size: 12pt;
  line-height: 2;
  color: #333;
  text-align: justify;
  position: relative;
img {
  max-width: min(500px, 90%);
  max-height: 500px;
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}
  
  h1 {
    font-size: 14pt;
    font-weight: bold;
    margin: 25px 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    text-transform: capitalize;
}

p {
    margin: 0 0 12px;
    text-indent: 2em;
    orphans: 3;
    widows: 3;
}

h6 {
    font-size: 10.5pt;
    color: #666;
    font-style: italic;
    margin: 15px 0;
    padding-left: 2em;
    text-indent: 2em; 
    line-height: 1.3;
}
}
}

@media(max-width:900px){
.content-container{grid-column: unset;}
.passage-list{max-height: fit-content;}
}