/* Sigma Trust — uniform vertical rhythm + responsive layout (mobile / iPad).

   Loaded site-wide (home, regional desks, research, and every article).
   Part 1 normalises the vertical padding of top-level content sections so the
   whole site follows one rhythm — tune everything from --vr-section.
   Part 2 fixes the layouts that did not yet adapt on tablets and phones:
   the 4-up metric grids, the KPI strip, page gutters and data tables.
   Only vertical padding / responsive columns are touched; horizontal padding
   and the page heroes keep their own values. */

:root{
  --vr-section:120px;        /* desktop top-level section rhythm */
}

body > section:not(.hero):not(.page-hero),
.thesis,
.quote,
.conv-section,
.reports,
.team,
.coverage,
.other-regions,
.related,
.cta,
.cta-strip{
  padding-top:var(--vr-section);
  padding-bottom:var(--vr-section);
}

@media (max-width:980px){
  :root{ --vr-section:96px; }
}

@media (max-width:760px){
  :root{ --vr-section:72px; }
}

/* ---------- Responsive · tablets and iPad (≤1024px) ---------- */
@media (max-width:1024px){
  /* 4-up and 5-up metric grids drop to 2 columns so cells stay legible */
  .score-grid,
  .stat-grid,
  .stat-grid.five{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ---------- Responsive · phones (≤600px) ---------- */
@media (max-width:600px){
  .score-grid,
  .stat-grid,
  .stat-grid.five,
  .lede-stats{
    grid-template-columns:1fr;
  }

  /* tighter page gutters on small screens */
  .crumbs,
  .article-head,
  .lede-stats,
  .article-body,
  .sources-block,
  .article-footer{
    padding-left:20px;
    padding-right:20px;
  }

  /* keep data tables readable without horizontal overflow */
  .data-table th,
  .data-table td,
  .data-tbl th,
  .data-tbl td{
    padding:10px;
    font-size:12px;
  }

  .data-table th:first-child,
  .data-table td:first-child,
  .data-tbl th:first-child,
  .data-tbl td:first-child{
    width:38%;
  }
}