/*------------------------------------*\
  # ENTRY STYLING
  # wiki pages, works, and grammars
\*------------------------------------*/



.entry {
   padding: 1.56em 2em;

   border-left: 1px solid $color-article_border;
   border-right: 1px solid $color-article_border;
}

.entry_wiki,
.entry_work {
   grid-column: span 7 / auto;

   h1 {
      margin-bottom: 0;
      padding-bottom: 0;
   }
}

.entry_grammar {
   grid-column: span 10 / auto;
}



// The auto-generated table of contents.
.entry-index {
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 5.1458rem;
   align-self: start;

   grid-column: span 2 / auto;

   padding: 2em 1em 2em 0.75em;

   font-size: $fontsize-small;
}

.entry-index ul {
   list-style: none;
   a {
      text-decoration: none;
   }
}

.entry-index_return {
   margin-bottom: 1.5em;
   margin-left: 1em;
}

.entry-index ol {
   list-style: none;
   padding-left: 1rem;
   margin-left: 0;
   margin-right: 0;
   /* This is an arbitrary name as the value. */
   counter-reset: counter-index;
}

.entry-index ol ol {
   /* Indent the nested lists. */
   padding-left: 1em;
   margin-bottom: 0;
}

.entry-index ol li::before {
   counter-increment: counter-index;
   /* Concatenate the nested counters. */
   content: counters(counter-index, ".") " ";
}



// The righthand sidebar.
.entry-sidebar {
   grid-column: span 3 / auto;
}

.entry-other_projects {
   padding: 1em;
   margin: 1em;
   border-radius: 1em;
   background-color: $color-entry_secondary;
   font-size: $fontsize-small;

   ul {
      list-style: none;
      margin-left: 1rem;
      padding: 0;
      margin-bottom: 0;
   }
}

.entry-image {
   padding: 0.2em 0.2em 0.1em 0.2em;
   max-width: 100%;
}

.entry-quickstats {
   padding: 0.5em;
   font-size: $fontsize-small;
}

.stats-table {
   border-collapse: separate;
   border-spacing: 3px;
   border: 0;
   width: 100%;
   margin-bottom: 0;
   td {
      padding: 0.5em;
      border: 0;
   }
   tr td:first-child {
      text-align: right;
      background-color: $color-linen;
   }
   tr td:last-child {
      background-color: $color-paper_dark;
   }
   .entry-quickstats_double {
      text-align: center !important;
   }
}

.entry-quicknotes {
   padding: 0.5em;
   font-size: $fontsize-small;
   text-align: center;
}



// The navigation, which can be at the top or bottom of the article.
.entry-tags {
   padding: 1rem;
   border-radius: 1em;
   background-color: $color-entry_secondary;
   font-size: $fontsize-small;
   text-transform: uppercase;

   a {
      text-decoration: none;
   }
}

.entry-tags_top {
   margin-bottom: 2em;
}

.entry-tags_bottom {
   margin-top: 2em;
}

.entry-subhead_pair {
   display: inline;
   margin-right: 1em;
}

.entry-subhead_key,
.entry-subhead_value {
   display: inline;
}

.entry-subhead_key {
   margin-right: 0.4em;
}

.entry-subhead_value {
   margin-right: 0.9em;
}



// The footnotes section and the footnotes themselves.
a.footnote {
   text-decoration: none;
   line-height: 0;
}
a.footnote::before {
   content: "[";
}
a.footnote::after {
   content: "]";
}

.footnotes {
   padding: 1rem;
   border-radius: 1em;
   background-color: $color-entry_secondary;
   font-size: $fontsize-small;
   ol {
      padding-left: 1rem;
      margin: 0;
      li {
         margin: 0;
         padding: 0;
      }
   }
}

.tooltip {}



// Sidenotes
.aside {
   display: inline; 	      /* prevents parent paragraph from breaking */
   float: right; 	         /* positions the note to the right of the content */
   position: relative; 	   /* forces note to be relative its the normal position */
   width: 20vw; 	         /* limits the width of the marginal note */
   margin-right: -24vw; 	/* sets the distance away from the body text */
   font-size: $fontsize-small;
}



.entry_work-verse {
   p {
      margin-bottom: 0;
   }
   p:last-child {
      margin-bottom: 1.75em;
   }
}