/* FIRE Lab styles. */

.fire-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }

.result-strip {
  display: flex; justify-content: space-around; text-align: center;
  gap: var(--space-2); margin-top: var(--space-3); flex-wrap: wrap;
}
.rs-lab { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-faint); }
.rs-num { font-size: clamp(1.2rem, 4.5vw, 1.7rem); font-weight: 800; font-variant-numeric: tabular-nums; }
.rs-num.accent { color: var(--accent-text); }

.chart-card { margin-top: var(--space-3); padding: var(--space-3); }
#fire-chart { width: 100%; display: block; }

.milestones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--space-3); justify-content: center; }

.fire-actions { margin-top: var(--space-3); }

@media (max-width: 460px) {
  .fire-grid { grid-template-columns: 1fr 1fr; gap: var(--space-2); }
}
