/* ══════════════════════════════════════════
   fakta.css — Fakta Indonesia page styles
══════════════════════════════════════════ */

.facts-masonry {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.fcard {
  border-radius: 16px; padding: 1.6rem;
  position: relative; overflow: hidden;
  display: flex; flex-direction: column;
}
.fcard.tall { grid-row: span 2; }

/* Color variants */
.fcard.f-dark  { background: var(--forest); color: var(--mint); }
.fcard.f-green { background: var(--mid);    color: var(--mint); }
.fcard.f-lime  { background: #d8f5c0; color: var(--forest); border: 1px solid #b0e087; }
.fcard.f-white { background: #fff;    color: var(--forest); border: 1px solid var(--border); }
.fcard.f-deep  { background: var(--deep);   color: var(--mint); }

/* Decorative bubble */
.fcard::after {
  content: '';
  position: absolute; bottom: -20px; right: -20px;
  width: 100px; height: 100px; border-radius: 50%;
  opacity: 0.06; background: var(--lime);
  pointer-events: none;
}

.ftag {
  font-family: 'Inconsolata', monospace;
  font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--lime); margin-bottom: 0.7rem; opacity: 0.8;
}
.f-lime .ftag,
.f-white .ftag { color: var(--leaf); }

.fnum {
  font-family: 'Fraunces', serif;
  font-size: 2.4rem; font-weight: 800;
  color: var(--lime); line-height: 1; margin-bottom: 0.5rem;
}
.f-lime .fnum,
.f-white .fnum { color: var(--sdg3); }

.ftext {
  font-size: 0.83rem; line-height: 1.65;
  opacity: 0.8; margin-bottom: 0.8rem;
  flex: 1;
}

.fref {
  font-family: 'Inconsolata', monospace;
  font-size: 0.6rem; opacity: 0.45; line-height: 1.5;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 0.7rem; margin-top: auto;
}
.f-lime .fref,
.f-white .fref { border-color: rgba(0,0,0,0.1); }

/* ── RESPONSIVE ── */
@media (max-width: 900px) { .facts-masonry { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .facts-masonry { grid-template-columns: 1fr; } }