/* SEAQIS News Widget v1.0 — semua kelas berawalan .sn- agar tidak bentrok dengan CSS situs.
   Ubah warna/ukuran lewat variabel di bawah; jangan ubah CSS situs yang lama. */
[data-seaqis-news] {
  --sn-accent: #119849;          /* hijau brand SEAQIS */
  --sn-text: #1f2a24;
  --sn-muted: #5b6b62;
  --sn-card-bg: #ffffff;
  --sn-border: #e3ebe6;
  --sn-radius: 14px;
  --sn-title-font: "Fraunces", Georgia, serif;
}

[data-seaqis-news].sn-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 24px;
}

[data-seaqis-news][aria-busy="true"] { opacity: .6; transition: opacity .2s; }

.sn-card {
  position: relative;            /* untuk tautan judul yang diregangkan */
  display: flex;
  flex-direction: column;
  background: var(--sn-card-bg);
  border: 1px solid var(--sn-border);
  border-radius: var(--sn-radius);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease;
}
.sn-card:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(17, 152, 73, .14); }
.sn-card:focus-within { outline: 3px solid var(--sn-accent); outline-offset: 2px; }

.sn-media {
  aspect-ratio: 16 / 9;
  background: #eef5f0;
  overflow: hidden;
}
.sn-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sn-media.sn-noimg {
  background: linear-gradient(135deg, #119849 0%, #0d6e36 100%);
}

.sn-body { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px 20px; flex: 1; }

.sn-meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
  font-size: .8rem; color: var(--sn-muted);
}
.sn-cat {
  color: var(--sn-accent); font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
}

.sn-title {
  margin: 0;
  font-family: var(--sn-title-font);
  font-size: 1.15rem; line-height: 1.35; font-weight: 600;
  color: var(--sn-text);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.sn-title a { color: inherit; text-decoration: none; }
.sn-title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } /* seluruh kartu bisa diklik */
.sn-title a:focus { outline: none; }
.sn-card:hover .sn-title a { color: var(--sn-accent); }

.sn-excerpt {
  margin: 0; font-size: .92rem; line-height: 1.55; color: var(--sn-muted);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

.sn-more { margin-top: auto; padding-top: 6px; font-size: .88rem; font-weight: 700; color: var(--sn-accent); }

@media (prefers-reduced-motion: reduce) {
  .sn-card, [data-seaqis-news][aria-busy="true"] { transition: none; }
  .sn-card:hover { transform: none; }
}

/* ---- Template "activity": melengkapi .activity-card bawaan index.html (CSS lama tidak diubah) ---- */
[data-seaqis-news].sn-activity .activity-card { position: relative; }
[data-seaqis-news].sn-activity .activity-image-bg img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
[data-seaqis-news].sn-activity .activity-image-bg.sn-noimg {
  background: linear-gradient(135deg, #119849 0%, #0d6e36 100%);
}
[data-seaqis-news].sn-activity .activity-title {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
[data-seaqis-news].sn-activity .sn-stretch { color: inherit; text-decoration: none; }
[data-seaqis-news].sn-activity .sn-stretch::after { content: ""; position: absolute; inset: 0; z-index: 1; }
[data-seaqis-news].sn-activity .sn-stretch:focus { outline: none; }
[data-seaqis-news].sn-activity .activity-card:focus-within { outline: 3px solid #119849; outline-offset: 2px; }