/* ==========================================================================
   Ajudo — Regra de 3 (estilos específicos)
   Visual base no componente .tt-* (ferramenta.css).
   ========================================================================== */

.r3-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px 18px; align-items: end; }
.r3-eq { font-family: var(--font-display); font-size: 1.6rem; color: var(--ink-soft); align-self: center; padding-bottom: 10px; }
.r3-x input {
  background: #e4ecdf !important;
  border-color: var(--green) !important;
  color: var(--green-deep) !important;
}
@media (max-width: 560px) {
  .r3-grid { grid-template-columns: 1fr 1fr; }
  .r3-eq { display: none; }
}