.gth-retirement-calculator .gth-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gth-space-4); margin-bottom: var(--gth-space-4); }
.gth-retirement-calculator .gth-retirement-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--gth-space-4); margin-bottom: var(--gth-space-4); }
.gth-retirement-calculator .gth-summary-card { text-align: center; padding: var(--gth-space-4); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-lg); }
.gth-retirement-calculator .gth-summary-card.gth-primary { background: var(--gth-primary); color: white; }
.gth-retirement-calculator .gth-summary-card .gth-label { font-size: var(--gth-text-sm); margin-bottom: var(--gth-space-1); }
.gth-retirement-calculator .gth-summary-card .gth-value { font-size: var(--gth-text-2xl); font-weight: 700; }
.gth-retirement-calculator .gth-retirement-details { display: flex; flex-direction: column; gap: var(--gth-space-2); }
.gth-retirement-calculator .gth-detail-item { display: flex; justify-content: space-between; padding: var(--gth-space-2) var(--gth-space-3); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-size: var(--gth-text-sm); }
@media (max-width: 480px) { .gth-retirement-calculator .gth-form-grid { grid-template-columns: 1fr; } }