/* Post grid (3 per row) + pagination — The Sri COM */

.post-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 23px;margin-top:26px}
.post-row:empty{display:none}
.post-row-full{margin-top:0}

.post-tile{min-width:0}
.post-tile-image{display:block;overflow:hidden;aspect-ratio:235/256;border-radius:9px;background:#10254a}
.post-tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.post-tile:hover .post-tile-image img{transform:scale(1.03)}
.post-tile-copy .story-meta{margin-top:11px}
.post-tile h3{display:-webkit-box;overflow:hidden;margin:7px 0 0;font-size:1.02rem;font-weight:650;line-height:1.22;letter-spacing:-.03em;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}
.post-tile h3 a:hover{color:#76a5ff}

/* Pagination */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;margin-top:40px;padding-top:28px;border-top:1px solid rgba(180,204,237,.14)}
.pager-btn,.pager-num{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;min-width:38px;padding:0 14px;border:1px solid rgba(180,204,237,.2);border-radius:9px;background:transparent;color:#c4d4e9;font-size:.79rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.pager-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
a.pager-btn:hover,a.pager-num:hover{border-color:#76a5ff;color:#76a5ff}
.pager-btn[aria-disabled="true"]{opacity:.34;pointer-events:none}
.pager-nums{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px}
.pager-num{padding:0 11px;font-variant-numeric:tabular-nums}
.pager-num[aria-current="page"]{border-color:#2475e8;background:#2475e8;color:#fff}
.pager-gap{min-width:20px;color:#8193ac;font-size:.8rem;text-align:center}
.pager-status{margin:0;color:#8193ac;font-size:.76rem;font-weight:500;letter-spacing:.01em}
.pager.has-nums .pager-status{display:none}

/* Light theme */
html[data-theme="light"] .post-tile h3 a{color:#102038}
html[data-theme="light"] .post-tile h3 a:hover{color:#1767cf}
html[data-theme="light"] .pager{border-color:#dce4ef}
html[data-theme="light"] .pager-btn,html[data-theme="light"] .pager-num{border-color:#d6dfec;color:#33465f}
html[data-theme="light"] a.pager-btn:hover,html[data-theme="light"] a.pager-num:hover{border-color:#1767cf;color:#1767cf}
html[data-theme="light"] .pager-num[aria-current="page"]{border-color:#1767cf;background:#1767cf;color:#fff}
html[data-theme="light"] .pager-status,html[data-theme="light"] .pager-gap{color:#60738b}

/* Tablet — 2 per row */
@media(max-width:980px){
  .post-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
}

/* Phone — 1 per row, same card as desktop */
@media(max-width:650px){
  .post-row{grid-template-columns:1fr;gap:26px;margin-top:22px}
  .post-tile h3{font-size:1.15rem}
  .pager{margin-top:30px;padding-top:22px;gap:7px}
  .pager-btn{padding:0 11px}
  .pager-btn span{display:none}
  .pager-nums{gap:6px}
}

@media(prefers-reduced-motion:reduce){
  .post-tile-image img{transition:none}
}