.main.posts .post-card {
  margin-bottom: 2rem;
  height: 6rem; }
  .main.posts .post-card .link {
    display: block;
    text-decoration: none;
    height: 100%; }
    .main.posts .post-card .link .layout {
      display: flex;
      flex-direction: row;
      gap: 0.5rem;
      height: 100%; }
      .main.posts .post-card .link .layout .text {
        display: flex;
        flex-direction: column;
        flex: 1 1 0;
        min-width: 0; }
        .main.posts .post-card .link .layout .text .top {
          flex: 1 1 auto;
          min-height: 0; }
          .main.posts .post-card .link .layout .text .top .title {
            text-decoration: underline;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .main.posts .post-card .link .layout .text .top .subtitle {
            font-size: 0.8rem;
            color: dimgray;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
        .main.posts .post-card .link .layout .text .bottom {
          flex: 0 1 auto;
          min-height: 0;
          overflow: hidden; }
          .main.posts .post-card .link .layout .text .bottom .abstract {
            color: black;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-clamp: 2;
            -webkit-line-clamp: 2;
            font-size: 0.9rem; }
      .main.posts .post-card .link .layout .thumbnail {
        flex: 0 0 8rem;
        display: block;
        background-color: gray;
        object-fit: cover;
        height: 100%; }
        @media (max-width: 512px) {
          .main.posts .post-card .link .layout .thumbnail {
            display: none; } }