/* Synthesis SG Housing Loan Calculator v1.1.0 */
.sshl-card{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.sshl-sub{color:#6b7280;margin:-6px 0 10px 0}
.sshl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:8px}
.sshl-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px}
.sshl-tip{display:block;font-size:12px;color:#6b7280;margin-top:4px}
.sshl-subhead{margin-top:14px;font-weight:700}
.sshl-actions{margin-top:14px}
.sshl-results{margin-top:16px}
.sshl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sshl-kpi{border:1px solid #eef2f7;border-radius:10px;padding:12px;background:#f9fafb}
.sshl-kpi-label{font-size:12px;color:#6b7280}
.sshl-kpi-value{font-size:18px;font-weight:700;margin-top:4px}
.sshl-kpi-sub{font-size:12px;color:#6b7280;margin-top:2px}
.sshl-accent{background:#eef6ff;border-color:#dbeafe}
.sshl-footnote{font-size:12px;color:#6b7280;margin-top:10px}
.sshl-info{background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;padding:10px}
.sshl-hide{display:none}
.sshl-error{color:#b91c1c}
.sshl-table{width:100%;border-collapse:collapse;margin-top:12px}
.sshl-table th,.sshl-table td{border:1px solid #e5e7eb;padding:10px;text-align:left}
.sshl-table th{background:#f3f4f6}
@media (prefers-color-scheme: dark){
  .sshl-card{background:#0b0f14;border-color:#1f2937}
  .sshl-input{background:#0b0f14;color:#e5e7eb;border-color:#374151}
  .sshl-kpi{background:#0f1520;border-color:#1f2937}
  .sshl-table th{background:#0f1520}
  .sshl-tip,.sshl-footnote{color:#9ca3af}
}