/* Earned media value calculator (views/emv-calculator.cjs). Shared pieces: css/_creator-kit.css. */
#visu-tools .vt-emv-calculator .vt-emv-row { display: grid; grid-template-columns: 132px minmax(0, 1fr) minmax(0, 1fr); gap: 12px; align-items: end; }
#visu-tools .vt-emv-calculator .vt-emv-name { font-size: 14.5px; font-weight: 650; color: var(--vt-ink); align-self: end; padding-bottom: 12px; }
/* The count and value labels are shown once, on the first row; the others keep them for screen readers only. */
#visu-tools .vt-emv-calculator .vt-emv-row + .vt-emv-row .vt-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#visu-tools .vt-emv-calculator .vt-emv-row + .vt-emv-row .vt-field { gap: 0; }
#visu-tools .vt-emv-calculator .vt-big-label { font-size: 14px; }
#visu-tools .vt-emv-calculator .vt-emv-note { padding: 12px 14px; border-radius: 12px; border: 1px solid var(--vt-line-2); background: var(--vt-surface); font-size: 14px; line-height: 1.5; color: var(--vt-ink); }
@media (max-width: 600px) {
  #visu-tools .vt-emv-calculator .vt-emv-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #visu-tools .vt-emv-calculator .vt-emv-name { grid-column: 1 / -1; padding-bottom: 0; }
  #visu-tools .vt-emv-calculator .vt-emv-row + .vt-emv-row .vt-label { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
  #visu-tools .vt-emv-calculator .vt-emv-row + .vt-emv-row .vt-field { gap: 6px; }
}