body {
    font-family: 'Georgia', serif;
    margin: 2em;
    background: #fdfdf9;
    color: #2c2c2c;
  }
  
  .gloss-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2em;
    line-height: 1.6;
  }
  
  .gloss-margin-left {
    width: 25%;
    padding-right: 1em;
    font-size: 0.9em;
    border-right: 1px solid #ccc;
    padding-left: 1em;
  }

  .gloss-margin-right {
    width: 25%;
    padding-left: 1em;
    font-size: 0.9em;
    border-left: 1px solid #ccc;
    padding-right: 1em;
  }
  
  .gloss-toggle {
    cursor: pointer;
    font-style: italic;
    color: #4B3B76;
    margin-bottom: 0.5em;
  }
  
  .gloss-content {
    display: none;
    /* font-style: italic; */
    margin-top: 0.5em;
  }
  
  .gloss-devotional { color: #B8860B; }
  .gloss-primary { color: #4B3B76; }
  .gloss-editorial { color: #A73232; }
  .gloss-questioning { color: #6E6E6E; }
  
  .gloss-maintext {
    width: 75%;
    padding-left: 1em;
  }
  
  h1 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
  }