/* Minimal, theme-friendly styles (note below buttons on mobile) */
.le-card {
  max-width: 720px;
  margin: 2rem auto;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #fff;
}
.le-title { margin: 0 0 .5rem 0; font-size: 1.25rem; line-height: 1.2; }
.le-sub { margin: .25rem 0 1rem 0; color: #374151; }
.le-form { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
.le-field { display: flex; flex-direction: column; gap: .25rem; }
.le-label { font-weight: 500; }
.le-input {
  padding: .6rem;
  border: 1px solid #d1d5db;
  border-radius: .75rem;
  width: 100%;
  box-sizing: border-box;
}
.le-actions { grid-column: 1 / -1; display: flex; gap: .5rem; align-items: center; margin-top: .25rem; flex-wrap: wrap; }
.le-btn {
  padding: .65rem .9rem;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #111827;
  border-radius: .75rem;
  cursor: pointer;
}
.le-btn-primary { border-color: #111827; background: #111827; color: #fff; }
.le-note { color: #6b7280; }
.le-results { margin-top: 1rem; }
.le-hr { border: none; border-top: 1px solid #e5e7eb; margin: 1rem 0; }
.le-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem 1rem; }
.le-key { color: #6b7280; }
.le-val { font-weight: 600; word-break: break-word; }

@media (max-width: 640px) {
  .le-form, .le-grid { grid-template-columns: 1fr; }
  /* Keep buttons on first row, push note below on its own line */
  .le-actions .le-note { flex-basis: 100%; order: 3; margin-top: .25rem; }
}