/* CSS for layout/content */
  
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.post-content {
  position: relative;
  .left-col {
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid;
    grid-column-start: 1;
    grid-column-end: 4;
    width: 100%;
    height: 100%;
    @media screen and (max-width: 781px) {
      position: relative;
      border-right: 0;
      grid-column-start: 1;
      grid-column-end: 13;
      order: 1;
    }
    .inner {
      &&:empty {
        display: none !important;
      }
      .credit {
        .name {
          font-family: 'Lateral', sans-serif;
          font-weight: 500;
        }
        .role {
          font-family: 'Latin Modern Mono', monospace;
        }
      }
    }
  }
  /* Post content *after* meta and CTA div */
  .meta + .cta ~ *,
  .meta + .cta ~ * * {
    font-family: 'Exposure', serif;
    font-size: 1.25rem;
    line-height: 1.6;
    a {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 5px;
      color: inherit;
    }
  }
  .meta + .cta + p:first-of-type::first-letter {
    font-family: 'Lateral Compressed', sans-serif;
    font-size: 9.375rem;
    font-weight: 700;
    font-style: normal;      /* Disables italics */
    float: left;
    line-height: 0.8;
    margin-top: 5px;
    margin-right: 10px;
  }
  .author-image {
    width: 65px;
    height: 65px;
    object-fit: cover;
    object-position: center;
  }
  > * {
    grid-column-start: 4;
    grid-column-end: 11;
    @media screen and (max-width: 781px) {
      grid-column-start: 1;
      grid-column-end: 13;
    }
    width: 100%;
    img {
      width: 100%;
      height: fit-content;
    }
  }
}

.tag-carousel {
  overflow: scroll;
}

.tag-card {
  min-width: 325px;
  width: 25%;
  min-height: 340px;
}

body:has(header.feature-a) {
  main {
    padding-top: 0 !important;
    .post-content {
      padding-top: var(--four-spacer);
      .left-col {
        padding-top: var(--four-spacer);
      }
    }
  }
}
body:has(header.feature-b) {
  main {
    padding-top: 0 !important;
  }
}