/* Statistik pengunjung Turistah: satu tampilan untuk beranda dan semua ruang (29 Okt 2026, ditata ulang 30 Okt 2026).
   Baris atas berisi judul dan angka; daftar negara memakai lebar penuh di bawahnya dengan ukuran kecil,
   supaya tetap pendek walau negaranya banyak. Warna dan huruf ditulis di dalam .t-stat supaya sama juga di halaman
   yang tidak memuat css/style.css (Kebun Belajar, Dunia Satwa, Ruang Belajar Biologi). */
.t-stat {
  --st-krem: #faf6ec; --st-garis: #e7e2d5; --st-redup: #57534e; --st-rimba: #17452f; --st-rimba-2: #1f5a3d;
  --st-persik: #f4b8a2; --st-persik-muda: #fdeae2; --st-persik-tua: #c9674c;
  --st-judul: "Fraunces", Georgia, serif; --st-badan: "Plus Jakarta Sans", system-ui, sans-serif;
  background: #fff; border-top: 1px solid var(--st-garis); padding: 1.4rem 0; font-family: var(--st-badan); color: #1c1917;
}
.t-stat *, .t-stat *::before, .t-stat *::after { box-sizing: border-box; }
.t-stat-isi { display: flex; flex-direction: column; gap: .9rem; max-width: 70rem; margin: 0 auto; padding: 0 1.25rem; }
.t-stat-atas { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1.4rem; }
.t-stat h2 { margin: 0; font: 800 1.2rem/1.2 var(--st-judul); color: var(--st-rimba); }
.t-stat-angka { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin: 0; min-width: 0; }
.t-stat-angka div { display: flex; align-items: baseline; gap: .4rem; padding: .35rem .8rem; border-radius: 99px; background: var(--st-persik-muda); border: 1px solid color-mix(in srgb, var(--st-persik) 55%, var(--st-garis)); }
.t-stat-angka dd, .t-stat-angka dt { min-height: 0; padding: 0; border: 0; background: none; position: static; }
.t-stat-angka dd { margin: 0; font: 800 1.15rem/1 var(--st-judul); font-variant-numeric: tabular-nums; }
.t-stat-angka .st-total { color: var(--st-rimba-2); }
.t-stat-angka .st-hari { color: var(--st-persik-tua); }
.t-stat-angka .st-ruang { color: #4f6aa8; }
.t-stat-angka dt { order: 2; font-size: .76rem; color: var(--st-redup); }
.t-stat-negara { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.t-stat-negara h3 { margin: 0; font: 600 .76rem var(--st-badan); color: var(--st-redup); letter-spacing: .02em; }
.t-stat-negara ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem; }
.t-stat-negara li { display: flex; align-items: center; gap: .3rem; padding: .15rem .5rem .15rem .3rem; border-radius: 99px; background: var(--st-krem); border: 1px solid var(--st-garis); font-size: .72rem; line-height: 1.3; }
.t-stat-negara img { width: 16px; height: 12px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px var(--st-garis); flex: none; }
.t-stat-negara .st-nama { font-weight: 600; }
.t-stat-negara .st-jumlah { font-weight: 700; color: var(--st-rimba); font-variant-numeric: tabular-nums; }
.t-stat-negara p { margin: 0; font-size: .76rem; color: var(--st-redup); }
.t-stat-negara p:empty { display: none; }
@media (max-width: 600px) {
  .t-stat { padding: 1.1rem 0; }
  .t-stat-isi { padding: 0 1rem; gap: .75rem; }
  .t-stat-atas { gap: .55rem; }
  .t-stat h2 { flex-basis: 100%; font-size: 1.05rem; }
  .t-stat-angka { gap: .35rem; }
  .t-stat-angka div { padding: .3rem .6rem; gap: .3rem; }
  .t-stat-angka dd { font-size: 1rem; }
  .t-stat-angka dt { font-size: .7rem; }
  .t-stat-negara li { font-size: .68rem; padding: .12rem .45rem .12rem .28rem; }
}
@media print { .t-stat { display: none; } }