/* Data tab: the at-a-glance facts and the coverage notes */
.facts {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: clamp(48px, 7vh, 72px) 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
}
.facts > div { display: flex; flex-direction: column-reverse; gap: 8px; padding: 22px 20px 22px 0; }
.facts > div + div { padding-left: 20px; border-left: 1px solid var(--line); }
.facts dt { font: 400 12px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--fg-faint); }
.facts dd { margin: 0; font: 600 clamp(22px, 2.2vw, 30px)/1 var(--display); letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.facts small { font: 400 14px/1 var(--body); color: var(--fg-faint); letter-spacing: 0; }
/* Tamil values (month names especially) run longer: let them wrap */
:root[data-lang='ta'] .facts dd { white-space: normal; font-size: clamp(20px, 2vw, 26px); line-height: 1.15; }

.coverage { border-top: 1px solid var(--line); }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 64px; margin-top: clamp(40px, 6vh, 64px); }
.note { padding: 28px 0; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 12px; }

@media (max-width: 900px) {
  .facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .facts > div:nth-child(4) { padding-left: 0; border-left: 0; }
  .facts > div:nth-child(n+4) { border-top: 1px solid var(--line); }
}
@media (max-width: 640px) {
  .facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facts > div, .facts > div + div { padding: 18px 12px 18px 0; border-left: 0; }
  .facts > div:nth-child(even) { padding-left: 16px; border-left: 1px solid var(--line); }
  .facts > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .grid-2 { grid-template-columns: 1fr; }
}