/* Gaya bersama landing heyjude.my.id — dipakai halaman induk & DigiMarComm.
   Dipisah ke file sendiri sejak halaman kedua lahir: dua salinan <style> pasti
   melenceng begitu salah satunya disentuh. */
:root { color-scheme: light dark; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  max-width: 720px;
  margin: 4rem auto;
  padding: 0 1.5rem;
  color: #1a1a1a;
  background: #fafafa;
}
h1 { font-size: 1.5rem; margin-bottom: 0.25rem; }
p.sub { color: #666; margin-top: 0; margin-bottom: 2rem; }
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
a.card {
  display: block;
  padding: 1.25rem;
  border: 1px solid #ddd;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  background: #fff;
  transition: border-color 0.15s, transform 0.15s;
}
a.card:hover { border-color: #999; transform: translateY(-2px); }
.icon { font-size: 1.75rem; }
.name { font-weight: 600; margin-top: 0.5rem; }
.desc { font-size: 0.85rem; color: #666; margin-top: 0.25rem; }
/* Kartu grup: menandai bahwa isinya halaman lain, bukan agent langsung. */
a.card.grup { border-style: dashed; }
a.kembali {
  display: inline-block;
  margin-bottom: 1.5rem;
  color: #666;
  text-decoration: none;
  font-size: 0.9rem;
}
a.kembali:hover { color: #1a1a1a; }
@media (prefers-color-scheme: dark) {
  body { background: #111; color: #eee; }
  a.card { background: #1c1c1c; border-color: #333; }
  p.sub, .desc, a.kembali { color: #999; }
  a.kembali:hover { color: #eee; }
}