ul.news { display:grid; gap:1rem; }
.news-item { background:#fff; border:1px solid #eee; border-radius: var(--radius); padding: .9rem; }
.news-item h2 a:hover { text-decoration: underline; }
.pagination { display:flex; gap:.4rem; margin-top:1rem; flex-wrap:wrap; }
.pagination a { border:1px solid #eee; border-radius: 8px; padding:.35rem .6rem; }
.pagination a.active { border-color:#111; font-weight:600; }
.pager { display:flex; align-items:center; justify-content:center; gap:.5rem; margin-top:1rem; }
.pager-btn { border:1px solid #eee; border-radius:8px; padding:.35rem .6rem; background:#fff; line-height:1; }
.pager-btn.disabled { opacity:.4; pointer-events:none; }
.pager-select { position:relative; }
.pager-toggle { border:1px solid #eee; border-radius:8px; padding:.35rem .6rem; background:#fff; }
.pager-dropdown { position:absolute; left:50%; transform:translateX(-50%); top:calc(100% + .35rem);
  background:#fff; border:1px solid #eee; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.06);
  width:140px; max-height:180px; overflow:auto; z-index:20; }
.pager-dropdown ul { list-style:none; }
.pager-dropdown li a { display:block; padding:.35rem .6rem; }
.pager-dropdown li[aria-selected="true"] a { font-weight:600; }
.today-date { color: #c1121f; font-weight: 700; }