.post > .footnotes p,  .post > .footnotes ::marker {
    color: var(--joshin-primary-color-500);
    font-size: 18px;
    line-height: 28px;
    margin: 0;
    text-align: justify;
}

.post > figure figcaption {
    color: var(--joshin-primary-color-500);
}

#comments > #description {
  color: var(--joshin-primary-color-500);
  font-size: 14px;
  line-height: 28px;
  margin: 0;
  text-align: justify;
}

#comments p {
  color: var(--joshin-primary-color-500);
}

section#comments .comment {
    display: grid;
    column-gap: 1rem;
    grid-template-areas:
        "avatar name"
        "avatar time"
        "avatar post"
        "...... interactions";
    grid-template-columns: min-content;
    justify-items: start;
    margin: 0 auto 0 -1em;
    padding: .5em;
}

section#comments .avatar-link {
    display: block;
    grid-area: avatar;
    height: 3rem;
    position: relative;
    width: 3rem;
}

section#comments .comment .avatar-link .avatar {
    height: 100%;
    width: 100%;
}

.avatar {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 0 2px var(--neutral);
    margin: 0;
    overflow: hidden;
}

section#comments #comments-wrapper {
    margin: 1.5em 0;
    padding: 0 25px;
}

section#comments .comment .author {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: .5em;
    grid-area: name;
    padding: 0 0;
}

section#comments .comment .author .instance {
    background-color: var(--joshin-accent-color-100);
    border-radius: 9999px;
    color: var(--joshin-primary-color-100);
    font-size: smaller;
    font-weight: 400;
    padding: .25em .75em;
}

section#comments .display {
  color: var(--joshin-primary-color-500);
}

section#comments .comment time {
    display: grid;
    grid-area: time;
    line-height: 1.5rem;
}

small, section#comments .comment footer, section#comments .comment time, aside p {
    font-size: smaller;
    opacity: .9;
}

section#comments .comment main {
    grid-area: post;
}

section#comments .comment main p:first-child {
    margin-top: .25em;
}

section#comments .comment main p:last-child {
    margin-bottom: 0;
}

section#comments .comment.comment-reply {
    margin: 0 auto 0 1em;
}