/* Reversible design proposal only — awaiting owner approval.
   Version 7 preserves the approved two-column baseline.
   Only the Latest Articles grid and card inner padding are affected. */
.latest-section{container:latest-articles / inline-size}
@media(min-width:1440px) and (hover:hover) and (pointer:fine){
 @container latest-articles (min-width:942px){
  .article-grid{grid-template-columns:repeat(3,minmax(290px,305px));column-gap:36px;justify-content:space-between}
  .article-grid .article-body{padding:12px 18px;min-width:0}
  .cp-page .article-grid .article-card h3,.cp-page .article-grid .article-card p{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .article-grid .article-meta{margin-bottom:6px}
  .cp-page .article-grid .article-card h3{margin:6px 0 8px}
  .cp-page .article-grid .article-card p{margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:3.5em}
  .article-grid .article-card .card-bottom{padding-top:8px}
 }
}
/* Only the 20 October card text in the existing compact desktop grid.
   The uncropped image height difference is width * (1440/1092 - 1350/1080).
   Card containment supplies that rendered image width without a fixed offset. */
@media(min-width:1440px) and (hover:hover) and (pointer:fine){
 @container latest-articles (min-width:942px){
  .article-card[data-article]:not(:where([data-article="post-1"],[data-article="post-2"],[data-article="post-3"],[data-article="post-4"],[data-article="post-5"],[data-article="post-6"])){container-type:inline-size}
  .article-card[data-article]:not(:where([data-article="post-1"],[data-article="post-2"],[data-article="post-3"],[data-article="post-4"],[data-article="post-5"],[data-article="post-6"])) > .article-body > :is(.category,h3,p){translate:0 6.868131868cqw}
 }
}