/*
 * templates/emerging-market.css -- page-type-specific rules for the
 * 'emerging-market' entity type (blueprint §8 module list). Loads after
 * tokens.css/base.css/components.css; only adds rules, every value
 * references a tokens.css variable. The momentum-score breakdown table is
 * the one page-specific visual element this type needs; everything else
 * reuses .page-head/.stat-grid/.tag-row/.mi-list from components.css or
 * market-intersection.css's list treatment.
 */

/* MOMENTUM SCORE */
.momentum-total{
  border:1px solid var(--navy);background:var(--ice);padding:24px 28px;
  display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:28px;
}
.momentum-total-label{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.momentum-total-value{font-family:Georgia,serif;font-weight:500;font-size:40px;letter-spacing:-.03em}
.momentum-total-value .unit{font-size:16px;color:var(--muted);margin-left:4px}
.momentum-total-note{font-size:9px;color:var(--ink-2);flex-basis:100%}

.momentum-table-wrap{overflow-x:auto;border:1px solid var(--navy)}
.momentum-table{width:100%;border-collapse:collapse;min-width:560px;background:var(--white)}
.momentum-table th,.momentum-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}
.momentum-table thead th{
  font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  border-bottom:1px solid var(--navy);
}
.momentum-factor{font-weight:650}
.momentum-contribution{position:relative;min-width:160px}
.momentum-bar{
  display:block;height:4px;background:var(--cobalt);margin-top:6px;max-width:100%;
}
.momentum-table tfoot td{
  border-top:2px solid var(--navy);border-bottom:0;font-weight:850;
  background:var(--paper-2);font-size:12px;
}

/* TAGS (trigger technologies / expected winners) */
.tag-row{display:flex;flex-wrap:wrap;gap:8px}
.tag{
  border:1px solid var(--navy);padding:8px 12px;font-size:11px;font-weight:650;
  background:var(--white);
}

/* SIGNAL GRID (investment/regulatory/hiring/etc) */
.em-signal-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line-dark);border:1px solid var(--line-dark);
}
.em-signal{background:var(--white);padding:20px}
.em-signal-label{font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:8px}
.em-signal p{font-size:12px;line-height:1.62;color:var(--ink-2);margin:0}

.em-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.em-col-head{font-size:12px;font-weight:750;margin:0 0 12px}

@media(max-width:980px){
  .em-signal-grid{grid-template-columns:1fr}
  .em-two-col{grid-template-columns:1fr}
}