/* basic styles */
.tmp-calc { width:100%; }
.tmp-calc__title { font-weight:700; margin-bottom:10px; }
.tmp-calc__grid { display:grid; grid-template-columns: 1.2fr 1fr; gap:20px; align-items:start; }
.tmp-label { display:block; font-weight:600; margin:12px 0 6px; }
.tmp-select, .tmp-input { width:100%; padding:10px 12px; border:1px solid #E2E8F0; border-radius:10px; background:#fff; }
.tmp-btn { margin-top:14px; padding:10px 18px; border-radius:999px; border:none; background:#0B2C5F; color:#fff; font-weight:600; cursor:pointer; }
.tmp-btn:disabled { opacity:.5; cursor:not-allowed; }
.tmp-note { margin-top:10px; font-size:.9rem; color:#576071; }
.tmp-calc__right .tmp-card { background:#F8FAFC; border:1px solid #E2E8F0; border-radius:12px; padding:16px; }
.tmp-card__title { font-weight:700; margin-bottom:8px; }
.tmp-card__value { font-size:1.4rem; font-weight:800; margin-bottom:6px; }
.tmp-card__row { margin:4px 0; }
.tmp-card__err { margin-top:8px; color:#b42318; }
@media (max-width: 900px){ .tmp-calc__grid { grid-template-columns: 1fr; } }