.dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));
  grid-column-gap: var(--spacing);
  grid-row-gap: var(--spacing);

  .panel {
    &:not(:last-child) {
      padding-right: var(--spacing);
      border-right: var(--line-width) solid var(--line-color);
    }
  }

}

.post {
  padding-top: var(--small-spacing);
  padding-bottom: var(--small-spacing);
  margin-bottom: var(--small-spacing);

  &:not(:last-child) {
    border-bottom: var(--line-width) solid var(--line-color);
  }
  h3 {
    margin: 0;
  }


  .date {
    /* font-style: italic; */
    font-size: 1rem;
    color: color-mix(in srgb, var(--color-text), var(--color-background) 70%);
    /* font-family: serif; */

  }

  .images {
    display: grid;
    gap: var(--spacing); /* Spacing between images */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  img {
    width: 100%;
    max-width: 450px;
    height: auto;
    object-fit: cover; /* Ensures images look good without distortion */
  }

}