/* Home: "Explore the numbers" band (includes/explore-band.php). Head styles reuse .big-head / .big-title / .big-note. */
.band-explore { padding: 52px 0; background: #fff; border-top: 1px solid var(--line); }
.xb-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.xb-card { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 22px; border-radius: 16px; color: inherit;
  background: linear-gradient(160deg, rgba(13,155,138,.07), rgba(26,95,168,.04)); border: 1px solid var(--line);
  transition: border-color .15s, box-shadow .15s, transform .15s; }
.xb-card:hover, .xb-card:focus-visible { border-color: var(--teal); box-shadow: var(--shadow); transform: translateY(-2px); color: inherit; }
.xb-card:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
.xb-ic { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 8px;
  color: var(--teal); background: rgba(13,155,138,.12); font-size: 1rem; }
.xb-kicker { font-size: .74rem; color: var(--teal); font-weight: 500; }
.xb-name { font-size: 1.05rem; font-weight: 600; color: var(--navy); line-height: 1.3; }
.xb-val { font-size: 1.35rem; font-weight: 300; color: var(--navy); line-height: 1.25; margin-top: 4px; }
.xb-val small { font-size: .78rem; color: var(--text-muted); font-weight: 400; }
.xb-text { font-size: .84rem; color: var(--text-muted); line-height: 1.5; flex: 1; margin-top: 4px; }
.xb-go { margin-top: 10px; font-size: .84rem; font-weight: 600; color: var(--teal); }
@media (max-width: 900px) { .xb-list { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .xb-card { transition: none; } .xb-card:hover { transform: none; } }
html[data-theme="dark"] .band-explore { background: #0B1424; }
html[data-theme="dark"] .xb-card { background: #0F1A2B; }
html[data-theme="dark"] .xb-name, html[data-theme="dark"] .xb-val { color: var(--text); }
