/* Lottery odds calculator: layout + small UX tweaks */

body[data-calculator-slug="lottery-odds"] .lot-layout {
  display: grid;
  gap: 16px;
  margin: 16px 0;
}

body[data-calculator-slug="lottery-odds"] .lot-layout > .card {
  margin: 0;
}

@media (min-width: 900px) {
  body[data-calculator-slug="lottery-odds"] .lot-layout {
    grid-template-columns: 1.25fr 0.75fr;
    align-items: start;
  }

  body[data-calculator-slug="lottery-odds"] .lot-layout .lot-card-tiers,
  body[data-calculator-slug="lottery-odds"] .lot-layout .lot-card-share {
    grid-column: 1 / -1;
  }
}

body[data-calculator-slug="lottery-odds"] .button-small {
  padding: 6px 10px;
  min-width: 0;
  font-size: 0.85rem;
}

body[data-calculator-slug="lottery-odds"] .lot-tier-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

body[data-calculator-slug="lottery-odds"] .lot-tier-condition {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  align-items: center;
}

body[data-calculator-slug="lottery-odds"] table.lot-tiers-table th:nth-child(2),
body[data-calculator-slug="lottery-odds"] table.lot-tiers-table td:nth-child(2) {
  text-align: left;
}