/* ============================================================
   Hearthstone Mortgages — full calculator page (inline widget)
   The inner .hm-calc__* styles are shared with the modal (modal.css);
   this lays out the two-column card on the calculator pages.
   ============================================================ */
.hm-calc-section { padding-block: clamp(2rem, 4vw, 3.5rem); }
.hm-calc-inline { max-width: var(--container-lg); margin-inline: auto; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; background: var(--hm-white); border: 1px solid var(--hm-slate-200); border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }
.hm-calc-inline .hm-calc__inputs { padding: clamp(1.5rem, 3vw, 2.2rem); }
.hm-calc-inline .hm-calc__results { padding: clamp(1.5rem, 3vw, 2.2rem); background: var(--hm-gradient-mid, #0a3a66); color: #fff; }
.hm-calc-inline__noscript { max-width: var(--container-lg); margin: 1rem auto 0; text-align: center; color: var(--hm-slate-600); font-family: var(--font-body); }
@media (max-width: 760px) {
	.hm-calc-inline { grid-template-columns: 1fr; }
}