@import '/assets/rent-split-calculator/resource.a6158962ac2d.css';

.participant {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 1rem;
}
.participant button {
  margin-top: 0.75rem;
}
.estimate {
  padding: 1.25rem;
  border-top: 4px solid var(--action);
  background: white;
  border-radius: 0 0 12px 12px;
}
.split-table-wrap {
  width: 100%;
}
table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
caption {
  text-align: left;
  color: var(--muted);
  padding-bottom: 1rem;
}
th,
td {
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  padding: 0.8rem 0.35rem;
  border-bottom: 1px solid var(--line);
}
th:first-child {
  width: 25%;
}
td:last-child,
th:last-child {
  text-align: right;
}
tbody td:last-child {
  font-weight: 700;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #f9fafb;
    --muted: #d1d5db;
    --paper: #111827;
    --line: #4b5563;
    --action: #93bbff;
    --good: #86efac;
  }
  .site-header,
  form,
  .estimate,
  input,
  select,
  button {
    background: #1f2937;
  }
  button[type='submit'] {
    background: #93bbff;
    color: #111827;
  }
  .skip {
    background: #1f2937;
  }
  #errors {
    color: #fca5a5;
    border-color: #fca5a5;
  }
}
@media (max-width: 380px) {
  .estimate {
    padding: 0.8rem;
  }
  table {
    font-size: 0.9rem;
  }
}
@media print {
  :root {
    --ink: #000;
    --muted: #333;
    --paper: #fff;
    --line: #777;
  }
  body,
  .estimate {
    background: white;
    color: black;
  }
  form,
  .skip,
  #result-status,
  .explanation,
  noscript {
    display: none;
  }
  .intro {
    padding: 0;
  }
  h1 {
    font-size: 1.8rem;
  }
  .estimate {
    padding: 0;
    border: 0;
  }
  .intro .privacy {
    color: #333;
  }
  tr {
    break-inside: avoid;
  }
}