.at-header
  margin-bottom 15px

.at-title
  text-align center
  margin-top 0
  font-size 2.6em

  .at-title-link,
  .at-title-link:hover,
  .at-title-link:visited
    color #111
    text-decoration none

  .at-title-link
    transition text-shadow 0.2s ease-in-out

    &:hover
      text-shadow 2px 2px 1px c-border

.at-teaser > p:first-of-type
  font-family f-subheading

.at-teaser > p:first-child
  font-family f-subheading

.at-meta
  display none
  float right
  font-style italic
  color c-red-shadow

.at-corpus
  margin-bottom 25px

.at-body
  margin-top 25px

.at-full
  margin-top 25px
  text-align center

.at-full-button
  display inline-block
  padding 16px
  background-color c-pink
  box-shadow 1px 1px 1px c-border
  color #fff

  &:visited
    color #fff

  &:hover
    text-decoration none
    background-color c-yellow-js
    color c-pink

.at-siblings
  margin-top 20px
  text-align center

.at-prev,
.at-next
  display block
  margin-bottom 20px

  &:hover span
    text-decoration underline

.at-prev-anchor
  margin-right 4px

.at-next-anchor
  margin-left 4px

.at-prev-anchor,
.at-next-anchor
  display inline-block
  vertical-align middle
  user-select none
  white-space nowrap

.at-prev-text,
.at-next-text
  display inline-block
  vertical-align middle
  white-space nowrap
  overflow hidden
  max-width calc(100% - 20px)

.at-related
  padding 15px
  margin-top 20px
  background-color c-strongish
  box-shadow 1px 1px 1px c-border

.at-related-item
  margin-top 20px

  &:first-child
    margin-top 0

.at-related-header
  margin-top 0
  display none

.at-more
  text-align center

.at-more-button
  display block
  font-weight normal

@media screen and (min-width: 768px)
  .at-title
    text-align inherit
    font-size 3em

  .at-meta
    display inherit

  .at-prev
    float left
    text-align left
    margin-right 10px

  .at-next
    float right
    text-align right

  .at-prev,
  .at-next
    display inline-block
    margin-bottom 0
    width calc(50% - 5px)

  .at-next-text
    text-align right

  .at-related-header
    display block

  .at-more
    padding 10px 0

  .at-more-button
    display inline-block