/* m2-calculator */
.m2c {
  background: var(--k-white); border-radius: var(--k-radius-lg);
  box-shadow: var(--k-shadow-lg); padding: var(--k-space-8);
  border-top: 4px solid var(--k-green);
}
.m2c__row { display: grid; gap: var(--k-space-4); grid-template-columns: 1fr; }
@media (min-width: 560px) { .m2c__row { grid-template-columns: 1.2fr 1.4fr .8fr; } }

.m2c__field { display: flex; flex-direction: column; gap: .35rem; }
.m2c__label { font-size: var(--k-small); font-weight: 600; color: var(--k-ink-soft); }
.m2c__input {
  font: inherit; padding: .7rem .85rem; border: 1px solid var(--k-gray-300);
  border-radius: var(--k-radius); background: var(--k-white); color: var(--k-ink);
  transition: border-color .15s, box-shadow .15s;
}
.m2c__input:focus { outline: none; border-color: var(--k-green); box-shadow: 0 0 0 3px rgba(141,192,62,.25); }

.m2c__results {
  display: grid; gap: var(--k-space-4); grid-template-columns: repeat(3, 1fr);
  margin-top: var(--k-space-8); padding: var(--k-space-6); background: var(--k-bg-alt);
  border-radius: var(--k-radius); text-align: center;
}
.m2c__result { display: flex; flex-direction: column; gap: .2rem; }
.m2c__num { font-family: var(--k-font-display); font-size: 2rem; color: var(--k-green-forest); line-height: 1; }
.m2c__unit { font-size: var(--k-small); color: var(--k-ink-soft); }

.m2c__note { margin-top: var(--k-space-3); font-size: var(--k-small); color: var(--k-ink-soft); }
.m2c__cta { margin-top: var(--k-space-6); width: 100%; }
.m2c__hint { margin-top: var(--k-space-4); font-size: var(--k-small); color: var(--k-ink-soft); text-align: center; }