/* Updates listing CSS — tweak per-page as needed */
.updates-page { background:#fff; color:#000; }
.updates { max-width:1200px; margin:0 auto; padding:3rem 0; line-height:1.7; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media (max-width:1100px){ .cards { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .cards { grid-template-columns:1fr; } }
.card { border:1px solid #e6e8eb; border-radius:12px; background:#fff; overflow:hidden; }
.card .card-media{ aspect-ratio:16/9; overflow:hidden; }
.card .card-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.card .card-body{ padding:12px 14px; }
.card .tag{ display:inline-block; font-size:.8rem; margin-right:6px; padding:4px 8px; border:1px solid #dcdfe4; border-radius:999px; background:#fafbfc; color:#333; }
.card h3{ margin:6px 0 6px; color:#000; }
.card .meta, .card .excerpt { color:#6b7280; }
.pagination{ display:flex; gap:8px; margin:24px 0; justify-content:center; }
.page-btn{ padding:10px 14px; border:1px solid #e6e8eb; border-radius:10px; background:#fafbfc; color:#333; text-decoration:none; }
.page-btn.active, .page-btn:hover{ border-color:#007bff; color:#007bff; }

/* optional hero tweaks on listing */
.hero-section { position:relative; min-height:220px; overflow:hidden; background:#f6f7f9; }
.hero-section .overlay{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,0)); }






.updates {margin: 0 auto; padding-top: 3rem; padding-bottom: 3rem; background: #fff; line-height: 1.7; font-weight: 400; }
.post-body, .post p, .post li {line-height: 1.7; font-size: 1rem; margin: 1rem 0 1.5rem; }
.post .meta { color: #6b7280; margin: .5rem 0 1rem; }
.updates.post {width: min(1200px, 92vw); margin: 0 auto; }
.post-body { font-size: 1rem; line-height: 1.7; margin: 1rem 0 1.5rem; }
.post img { max-width: 100%; height: auto; display: block; }
.updates h1 {font-size: 4.5rem; font-weight: 700; margin: 0 0 0.5rem 0; color: #000; text-align: center;}
.updates h2 { font-size: 1.5rem; font-weight: 700; margin: 2rem 0 1rem; border-bottom: 2px solid #eee; padding-bottom: .25rem; color: #000; }
.updates h3 { font-size: 1rem; margin: 1rem 0 0; color: #000; }
.updates p {margin: 0 0 0.8rem 0; font-size: 1rem; }
.updates ul, .updates ol {margin: 0 0 0.5rem 0; padding-left: 2rem; font-size: 1rem; }
.updates li {margin: 0 0 0.25rem 0; font-size: 1rem; }
.hero-section {position: relative; display: block; width: min(1200px, 92vw); min-height: 220px; margin: 0 auto; overflow: hidden; background: #f6f7f9; }
.hero-bg img { display:block; width:100%; height:auto; }
.hero-section .overlay {position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0)); pointer-events: none}
.updates a { color: #007bff; text-decoration: underline; }
.updates a:hover { color: #0056b3; }
.post-header .post-title { font-size: clamp(1.5rem, 5vw, 2.5rem); margin: .25rem 0 .75rem; }
.post .meta { color: #6b7280; margin: .5rem 0 1rem; }