/* Synthesis Retirement Drawdown (v1.4.1) */
.sdd-wrap h1 { margin-bottom: 12px; }
.sdd-form input[type="number"], .sdd-form input[type="text"], .sdd-form select { max-width: 240px; }

.sdd-widget { --gap: 14px; }
.sdd-card {
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 18px;
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.sdd-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--gap);
}
.sdd-input {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d1d5db;
	border-radius: 8px;
}
.sdd-label { font-weight: 600; margin-bottom: 6px; display:block; }
.sdd-radio label { margin-right: 12px; }
.sdd-tip { display:block; font-size: 12px; color:#6b7280; margin-top:4px; }
.sdd-actions { margin-top: 10px; }
.sdd-results { margin-top: 16px; }
.sdd-example { margin-top: 8px; font-size: 13px; color:#374151; }
.sdd-divider { height:1px; background:#e5e7eb; margin: 18px 0; }
.sdd-contact h4 { margin-top: 0; }
.sdd-contact .sdd-grid label { display:block; }
.sdd-contact .button { margin-top: 6px; }

.sdd-results-grid .sdd-kpi {
	border: 1px solid #eef2f7;
	border-radius: 10px;
	padding: 12px;
	background: #f9fafb;
}
.sdd-kpi-label { font-size: 12px; color: #6b7280; }
.sdd-kpi-value { font-size: 18px; font-weight: 700; margin-top: 4px; }
.sdd-kpi-sub { font-size: 12px; color:#6b7280; margin-top: 2px; }

.sdd-error { color: #b91c1c; }

@media (prefers-color-scheme: dark){
	.sdd-card { background:#0b0f14; border-color:#1f2937; }
	.sdd-kpi { background:#0f1520; border-color:#1f2937; }
	.sdd-input { background:#0b0f14; color:#e5e7eb; border-color:#374151; }
	.sdd-tip { color:#9ca3af; }
	.sdd-divider { background:#1f2937; }
	.sdd-example { color:#d1d5db; }
}