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


.entry {
   padding: 1.56em 2em;

   border-left: 1px solid $color-articleborder;
   border-right: 1px solid $color-articleborder;

   ul {
      margin: 0 2rem 1.75rem;
      ul {
         margin-bottom: 0;
         margin-right: 0;
      }
   }
}

.entry-wiki {
   grid-column: span 7 / auto;

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

.entry-work,
.entry-grammar {
   grid-column: span 10 / auto;
}

.entry-index {
   position: -webkit-sticky; /* Safari */
   position: sticky;
   top: 0;
   align-self: start;

   grid-column: span 2 / auto;

   padding: 4.5em 1em 2em 0.75em;

   font-size: $fontsize-small;
}

.entry-index ol {
   list-style: none;
   padding-left: 1rem;
   /* 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, ".") " ";
}


.entry-summary {}

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

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

.entry-quickstats {
   grid-column: span 3 / auto;
   padding: 0.5em;
}

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

.stats-facts {
   font-size: $fontsize-small;
}

.stats-table {
   border-collapse: separate;
   border-spacing: 3px;
   border: none;
   width: 100%;
   td {
      padding: 0.5em;
   }
   tr td:first-child {
      text-align: right;
      padding-right: 0.5em;
      background-color: $color-linen;
   }
   tr td:last-child {
      background-color: $color-paperdark;
   }
}



.entry-tags {
   margin-bottom: 2em;
   padding: 1rem;
   border-radius: 1em;
   background-color: #f9f7f6;
   font-size: $fontsize-small;
   text-transform: uppercase;

   a {
      text-decoration: none;
   }
}

.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;
}



a.footnote {
   text-decoration: none;
}
a.footnote::before {
   content: "[";
}
a.footnote::after {
   content: "]";
}

.footnotes {
//   grid-column: span 7 / auto;

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