.gsu-hero {
  background: linear-gradient(180deg,#f5f9ff,#eef4ff);
  padding: 60px 0;
}

.gsu-hero h1 {
  font-size: 36px;
  font-weight: 700;
}

.gsu-hero h1 span {
  color: #1a73e8;
}

.subtitle {
  font-size: 16px;
  color: #555;
}

.hint {
  font-size: 14px;
  color: #777;
}

.stat-box {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 10px;
  margin: 8px 8px 0 0;
  font-size: 16px;
}

.stat-box.blue {
  background: #e7f0ff;
  color: #1a73e8;
}

.stat-box.red {
  background: #ffecec;
  color: #d93025;
}

.gsu-mini-stats .mini-card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

.section-title {
  font-weight: 700;
  margin-bottom: 20px;
}

.gsu-table thead {
  background: #f0f4ff;
}

.gsu-table td,
.gsu-table th {
  padding: 14px;
}

.blue { color:#1a73e8; font-weight:600; }
.red { color:#d93025; font-weight:600; }

.country-card {
  background:#fff;
  padding:20px;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  text-align:center;
}

.country-card .pop {
  color:#666;
  font-size:14px;
}

.cta-card {
  background:#fff;
  padding:25px;
  border-radius:14px;
  text-align:center;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}

.cta-card.orange {
  background:#fff7e6;
}

/* === GLOBAL TABLE CARD === */
.global-table {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #e6edf7;
  box-shadow: 0 14px 40px rgba(0,0,0,0.09);
  overflow: hidden;
}

.search-usage-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #dbe4f0;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
}

/* === HEADER === */
.search-usage-table thead th {
  background: #1f6fe5; /* exact strong blue */
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  padding: 16px 18px;
  border: none;
  text-align: left;
  white-space: nowrap;
}

/* === BODY CELLS === */
.search-usage-table tbody td {
  padding: 16px 18px;
  font-size: 15px;
  color: #374151;
  border-top: 1px solid #e6edf7;
}

/* === ROW BACKGROUND === */
.search-usage-table tbody tr {
  background: #fbfdff;
}

/* Optional subtle hover */
.search-usage-table tbody tr:hover {
  background: #f1f6ff;
}

/* === COLUMN EMPHASIS (OPTIONAL BUT RECOMMENDED) === */
.search-usage-table td.search-users {
  color: #2563eb;
  font-weight: 600;
}

.search-usage-table td.not-searching {
  color: #dc2626;
  font-weight: 600;
}