/*
  Custom site overrides for the re-terminal theme.
  This file is auto-included by the theme when it exists.
*/

/*
  Post photos can feel huge on wide layouts.
  Constrain in-post images (including `figure` shortcode output).
*/
.post-content img {
  width: 100%;
  max-width: 900px;
  max-height: 80vh;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*
  Optional: make cover images in the homepage list feel like previews,
  not full-bleed hero images.
*/
.post.on-list .post-cover {
  border-width: 10px;
  padding: 10px;
  margin: 20px auto;
  width: 100%;
  max-width: 900px;
  height: auto;
}

/*
  Mobile: avoid horizontal overflow in the header.
  The theme's header logo decorative line can force extra width.
*/
@media (max-width: 684px) {
  .header__inner {
    flex-wrap: wrap;
  }

  .header__logo:after {
    display: none;
  }
}