/* Halaman daftar berita (berita.php, prestasi.php, ekstra.php). Dipakai bersama profil.css. */
.smk-wrap--wide { max-inline-size: 72rem; }
.news-kicker { margin: 0 0 .15rem; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #2c6a50; }
.news-lead { margin: -.4rem 0 1rem; color: #3d5f50; }

.news-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin-block-end: 1.25rem; }
.news-chips a { padding: .35rem .85rem; border-radius: 999px; border: 1px solid #bfe3d0; background: rgba(255, 255, 255, .7); color: #0c3b2a; font-size: .9rem; font-weight: 600; text-decoration: none; }
.news-chips a:hover { background: #e4f5ec; }
.news-chips a[aria-current="page"] { background-image: linear-gradient(180deg, rgba(104, 212, 138, .85), rgba(196, 242, 211, .5)); border-color: #7fd6a0; }

.news-layout { display: grid; grid-template-columns: minmax(0, 1fr) 21rem; gap: 1.5rem; align-items: start; }
.news-count { margin: 0 0 .75rem; color: #5b766b; font-size: .92rem; }

.news-card { margin: 0 0 1rem; padding: 1rem 1.25rem 1.1rem; border-radius: 16px; background: rgba(255, 255, 255, .82); border: 1px solid #d4eadf; border-inline-start: 4px solid #5fcf8d; box-shadow: 0 8px 24px -20px rgba(8, 70, 55, .55); }
.news-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; font-size: .84rem; color: #5b766b; }
.news-badge { padding: .1rem .6rem; border-radius: 999px; background: #e4f5ec; color: #0b6a43; font-weight: 700; }
.news-card h2 { margin: .45rem 0 .3rem; font-size: 1.2rem; line-height: 1.35; }
.news-card h2 a { color: #0c3b2a; text-decoration: none; }
.news-card h2 a:hover { color: #0b7a4b; text-decoration: underline; }
.news-card p { margin: 0; color: #36524a; }

.news-pages { display: flex; flex-wrap: wrap; gap: .4rem; margin-block-start: 1.25rem; }
.news-pages a { min-inline-size: 2.4rem; padding: .45rem .7rem; text-align: center; border-radius: 10px; border: 1px solid #bfe3d0; background: rgba(255, 255, 255, .8); color: #0c3b2a; font-weight: 600; text-decoration: none; }
.news-pages a[aria-current="page"], .news-pages a:hover { background-image: linear-gradient(180deg, rgba(104, 212, 138, .85), rgba(196, 242, 211, .5)); }

/* Bilah kanan: menempel di bawah header dan tingginya mengikuti layar; judul yang tak muat disembunyikan oleh fit-list.js */
.news-aside { box-sizing: border-box; position: sticky; inset-block-start: 5.25rem; display: flex; flex-direction: column; max-block-size: calc(100dvh - 6.5rem); padding: 1rem 1.1rem; border-radius: 16px; background: rgba(255, 255, 255, .8); border: 1px solid #d4eadf; box-shadow: 0 8px 24px -20px rgba(8, 70, 55, .55); }
.news-aside h2 { flex: none; margin: 0 0 .5rem; font-size: 1.05rem; color: #0c3b2a; }
.news-aside__list { flex: 1 1 auto; min-block-size: 0; overflow: auto; margin: 0; padding: 0; list-style: none; counter-reset: n; }
.news-aside.is-fitted .news-aside__list { overflow: hidden; }
.news-aside__list li { counter-increment: n; border-block-start: 1px solid #e3f1ea; }
.news-aside__list li[hidden] { display: none; }
.news-aside__list a { display: block; padding: .5rem .2rem .5rem 1.9rem; position: relative; color: #0c3b2a; text-decoration: none; line-height: 1.35; }
.news-aside__list a::before { content: counter(n, decimal-leading-zero); position: absolute; inset-inline-start: 0; inset-block-start: .55rem; font-size: .75rem; font-weight: 700; color: #2c6a50; }
.news-aside__list a:hover .news-aside__title { color: #0b7a4b; text-decoration: underline; }
.news-aside__title { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; font-size: .93rem; }
.news-aside time { display: block; font-size: .78rem; color: #6b8a7c; }

@media (max-width: 900px) {
  .news-layout { grid-template-columns: 1fr; }
  .news-aside { position: static; max-block-size: none; }
  .news-aside__list { overflow: visible; }
}