/* site-article-layout.20260919-v2.css
   Blog-detail only: even related cards stay sibling-sized; a lone
   download/template spans the row; leftover 3/5 packs use three columns.
   Table headers keep whole words. Shared bundles untouched. */
@layer pcba-polish {
  html body.page-blog-detail .article-related-grid > :only-child {
    grid-column: 1 / -1 !important;
  }

  @media (min-width: 721px) {
    html body.page-blog-detail .article-related-grid:has(> :nth-child(3):last-child),
    html body.page-blog-detail .article-related-grid:has(> :nth-child(5):last-child) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }

  html body.page-blog-detail main .article-content table :is(th, td) {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  html body.page-blog-detail main .article-content :is(.article-file-table-wrap, .experience-table-wrap) {
    overflow-x: auto;
  }

  html body.page-blog-detail main .article-content .article-table-when {
    display: block;
    margin-top: 4px;
    color: #6e6e73;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.4;
  }
}