.detail {
    article {
        @include constrain_narrow;    
        margin-top: 4rem;
    }
    .map {
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    .post-header {
        @include breakpoint(alpha) {
            text-align: left;
        }
        time {
        }
    }
    .sci {
        text-align: center;
        @include fontsize(24);
        font-weight: 400;
        margin: 0;

    }
    .sci:nth-child(3) {
        @include fontsize(18);
        margin-bottom: 2rem;
    }
    // Ack, id selector, so wrong, but easy handles the slightly different footer
    // in the dialogue section that lists all the sightings
    #endnode {
        h5 {
            @include fontsize(14);
            @include smcaps;
            @include fancy_sans;
            margin-bottom: 1rem;
            margin-top: 2rem;
        }
        ul {
            margin-bottom: 2em;
            list-style-type: none;
            padding: 0;
            li {
                color: lighten($body_font_color, 30);
                margin-bottom: 0;
                margin-top: 0;
                &:before {
                  content: "\2022";
                  color: lighten($body_font_color, 30);
                  margin-right: .35rem;
                }
            }
        }
    }
    #detail-map-canvas {
        height: 400px;
        width: 98vw;
        position: relative;
        left: 49%;
        right: 49%;
        margin-left: -48vw;
        margin-right: -49vw;
    }
}

//### PAGE NAVIGATION ###
#page-navigation {
    margin: 2em auto;
    @include constrain_narrow();
    text-align: center;
    display: table;
    ul {
        list-style-type: none;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding: 0;
    }
    li {
        margin: 6px auto;
        clear: both;
        line-height: 24px;
        text-align: center;
    }
    span {
        min-width: 70px;
        display: block;
        text-align: right;
        margin-right: 10px;
        margin-top: 2px;
        float: left;
    }
    a {
        display: block;
        float: left;
        text-align: left;
        font-style: italic;
        color: $brown;
        text-decoration: none;
    }
}

.entry-footer {
    @extend %clearfix;
    margin-top: 2em;
    text-align: left;
    h3 + ul {
        padding: 0;
    }
    li {
        margin: .25em 0;
    }
    li ul {
        columns: 2 auto;
        list-style-type: none;
        margin-left: .5rem;
        padding: 0;
    }
    li ul li:before {
      content: "\2022";
      margin-right: .45rem;
      color: lighten($body_font_color, 40);
    }
    .grouper {
        margin-top: 1em;
    }
    a {
        text-decoration: none;
        color: lighten($body_font_color, 20);
    }
    #wildlife li ul li {  
        color: lighten($body_font_color, 40);
        a {
            color: lighten($body_font_color, 10);
        }
    }
    @include breakpoint(beta) {
        margin-bottom: 4em;
        #wildlife {  
            max-width: 55%;
            float: left;
            margin-right: 1.2rem;
        }
        #recommended-reading{
            ul { 
                list-style-type: none;
            }
            img {
                max-width: 180px;
            }
        }
    }
    aside {
        @extend %clearfix;
        margin-bottom: 3em;
    }
    &:after, &:before {
        @include faded_line_after;
        @include breakpoint(beta) {
            display: block;
            margin-bottom: 2em;
        }
    }
}
#field_notes {
    @include breakpoint(beta) {
        max-width: 33%;
        float: left;
        margin-top: .15em;
        margin-left: 7em;
    }
    li:before {
      content: "\2022";
      margin-right: .35rem;
      color: $body_font_light;
    }
}
.rr-clear {
    clear: left;
}

//### FOOTNOTES ###
.footnote {
    margin: 1em auto 0 auto;
    padding: 0;
    list-style-type: none;
    &:before, &:after {
        @include faded_line_after;
        @include breakpoint(beta) {
            margin-bottom: 2em;
        }
    }
    p {
        font-size: 1rem;
        line-height: 1.4;
    }
    hr {display: none;}
    ol {
        padding-left: 1em;
        @include breakpoint(alpha) {
            margin-left: 1em;
        }
    }
}

//### Figments ###
.downloads {
    list-style-type: none;
}

// ### Books ###

.book-metadata {
    text-align: left;
    dd {
      display: inline;
      margin: 0;
    }
    dd:after{
      display: block;
      content: '';
    }
    dt{
      display: inline-block;
    }
    dt:after {
        content: ":";
    }
}
.thoughts, .highlights, .meta-cover {
    @include constrain_narrow;
    text-align: left;
    p {
        max-width: 100%;
    }
}
.book-cover-wrapper {
    @include constrain_wide;
    img {
        float: left;
        max-width: 20rem;
    }
}
.thoughts h5, .highlights h4 {
    font-weight: 500;
    letter-spacing: 1px;
    margin: 3em 0 .5em 0;
    @include generic_sans;
    @include smcaps;
    @include fontsize(14);
}
.highlights article:first-of-type {
    margin-top: 1em;
}
.highlink {
    margin-right: 1em;
    float: left;
    font-size: 0.75em;
    line-height: 1.6;
    color: lighten($body_font_color, 60);
    @include breakpoint(alpha) {
        margin-top: 0.5em;
    }
    &:visited {
        color: lighten($body_font_color, 60);
    }
}
.highlights .foot {
    @include fontsize(14);
}