/* ─────────────────────────────────────────────────────────────
 * increase.css — layout unique to the Increase calculator
 * Shared shell lives in calculators.css (calc-* namespace).
 * ───────────────────────────────────────────────────────────── */

/* Three side-by-side projection periods */
.inc-period-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-12);
}

@media (max-width: 720px) {
    .inc-period-grid {
        grid-template-columns: 1fr;
    }
}

.inc-period {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.inc-period__header {
    display: flex;
    align-items: center;
}

.inc-period__label {
    font-weight: 600;
}