/*
 * Immutable Blog Article lower-fold balance refinement.
 *
 * Loaded after v19-v22. This patch gives guide links real inner spacing,
 * keeps a lone post destination compact and directional, and presents the
 * author biography above a balanced recent-post row on wide screens.
 */

@layer cis-blog-experience {
  [data-blog-experience][data-cbe-surface="public"] #eb .eb-growth-related a {
    gap: 20px;
    padding: 22px 24px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul:has(.pnText:empty) > .pn:not(:has(.pnText:empty)) {
    width: min(100%, 720px);
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul:has(.pnText:empty) > .pn-p:not(:has(.pnText:empty)) {
    justify-self: start;
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul:has(.pnText:empty) > .pn-n:not(:has(.pnText:empty)) {
    justify-self: end;
  }

  [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul:has(.pn-p .pnText:empty) .pn-n .eb-post-nav-card {
    min-height: 112px;
    align-items: flex-end;
    text-align: right;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-bio {
    grid-template-columns: 160px minmax(0, 1fr);
    gap: clamp(24px, 3vw, 32px) !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .cBlg-ati-left img {
    width: 160px !important;
    height: 160px !important;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-author-summary {
    max-width: 76ch;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
    padding: 28px 0 0;
    border-top: 1px solid var(--cbe-border);
    border-left: 0;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents > h3 {
    grid-column: 1 / -1;
  }

  [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents .eb-link-card {
    min-height: 112px !important;
  }

  @media (max-width: 1050px) {
    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents > div:last-child:nth-child(even) {
      grid-column: 1 / -1;
    }
  }

  @media (max-width: 760px) {
    [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul:has(.pnText:empty) > .pn:not(:has(.pnText:empty)) {
      width: 100%;
    }

    [data-blog-experience][data-cbe-surface="public"] .pn-sec > ul:has(.pn-p .pnText:empty) .pn-n .eb-post-nav-card {
      align-items: flex-start;
      text-align: left;
    }

    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-bio {
      grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-blog-experience][data-cbe-surface="public"] .cBlg-authorMainInfo .eb-entry-author-recents {
      grid-template-columns: minmax(0, 1fr);
    }
  }
}