/* Lease to Own Calculator (Monthly Only) v1.2.0 */
.ltoc-card {
  --ltoc-bg: #ffffff;
  --ltoc-fg: #0f172a;
  --ltoc-muted: #6b7280;
  --ltoc-border: #e5e7eb;
  --ltoc-shadow: 0 10px 25px rgba(0,0,0,0.06);

  background: var(--ltoc-bg);
  color: var(--ltoc-fg);
  border: 1px solid var(--ltoc-border);
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: var(--ltoc-shadow);
  max-width: 900px;
  margin: 1rem auto;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
}

.ltoc-header { margin-bottom: 1rem; }
.ltoc-title { margin: 0 0 .25rem; font-size: 1.375rem; line-height: 1.2; }
.ltoc-subtitle { margin: 0; color: var(--ltoc-muted); font-size: .95rem; }

.ltoc-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: .75rem; margin-top: .75rem; }
.ltoc-field { display: flex; flex-direction: column; gap: .35rem; }
.ltoc-span-3 { grid-column: span 3; }

.ltoc-field label { font-weight: 600; font-size: .95rem; }

.ltoc-input-prefix {
  display: flex;
  align-items: center;
  border: 1px solid var(--ltoc-border);
  border-radius: .75rem;
  padding: 0 .75rem;
  height: 44px;
  background: #fff;
}
.ltoc-prefix {
  color: var(--ltoc-muted);
  font-weight: 600;
  margin-right: .25rem;
}
.ltoc-input-prefix input { border: none; outline: none; flex: 1; height: 100%; font-size: 1rem; background: transparent; }

.ltoc-table-wrap { overflow-x: auto; margin-top: .75rem; }
.ltoc-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.ltoc-table th, .ltoc-table td { padding: .6rem .5rem; border-bottom: 1px solid var(--ltoc-border); text-align: left; }
.ltoc-table thead th { background: #f8fafc; position: sticky; top: 0; z-index: 1; }
.ltoc-table tbody tr:hover { background: #f5faff; }

.ltoc-footnote { margin-top: .75rem; color: var(--ltoc-muted); font-size: .85rem; }

@media (max-width: 900px) {
  .ltoc-grid { grid-template-columns: repeat(2, 1fr); }
  .ltoc-span-3 { grid-column: span 2; }
}