.indicators-header { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 16px; }
.indicators-header h1, .indicators-header p { margin: 0; }
.indicators-header p { margin-top: 6px; }
.indicators-period { display: grid; gap: 6px; font-weight: 650; }
.indicators-dates { margin: 16px 0; font-size: .875rem; }
.indicator-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.indicator-card { display: grid; align-content: start; gap: 8px; padding: 18px; border: 1px solid var(--tf-border); background: var(--tf-surface); border-radius: var(--tf-radius-md); overflow-wrap: anywhere; }
.indicator-card h2 { margin: 2px 0 0; font-size: 1rem; }
.indicator-card strong { font-size: 1.55rem; color: var(--tf-brand-teal); line-height: 1.2; }
.indicator-card p { margin: 0; font-size: .875rem; }
.indicator-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 580px) {
  .indicator-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .indicator-card { padding: 14px; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; }
  .indicator-card .icon-tile { grid-row: 1 / span 3; }
  .indicator-card h2, .indicator-card strong, .indicator-card p { grid-column: 2; }
}