@import url('/assets/rental-cost-comparison/resource.a6158962ac2d.css');
.comparison-options,
.comparison-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.comparison-options {
  margin-block: 1.5rem;
}
.comparison-options fieldset {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 1rem;
}
.comparison-options fieldset + fieldset {
  padding-top: 1rem;
}
.comparison-options legend {
  padding-inline: 0.5rem;
}
.comparison-settings {
  max-width: 620px;
}
.comparison-result {
  min-width: 0;
  background: white;
  border: 1px solid var(--line);
  border-top: 4px solid var(--action);
  padding: 1.5rem;
  border-radius: 8px;
}
.comparison-result h3 {
  font-size: 1.4rem;
  margin: 0;
  overflow-wrap: anywhere;
}
.result-currency {
  color: var(--muted);
  margin-top: 0.25rem;
}
.comparison-result .ledger > div:first-child {
  font-weight: 700;
  font-size: 1.1rem;
}
.comparison-result .ledger dt {
  max-width: 57%;
}
.unknown-note {
  border-left: 3px solid #a15c07;
  padding-left: 0.75rem;
}
.comparison-output {
  margin-block: 2rem;
}
.comparison-output > .actions {
  margin-top: 1.5rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #e9eef8;
    --muted: #b8c4d6;
    --paper: #101827;
    --line: #3d4b63;
    --action: #93b7ff;
    --good: #97deb3;
  }
  .site-header,
  form,
  .comparison-result,
  input,
  select,
  .skip {
    background: #182338;
    color: var(--ink);
  }
  button {
    background: #244ca4;
    color: #fff;
    border-color: #93b7ff;
  }
  button:hover {
    background: #305cba;
  }
  button:disabled {
    opacity: 0.65;
  }
  .field-error,
  #errors {
    color: #ffb5b5;
  }
  input[aria-invalid],
  #errors {
    border-color: #ffb5b5;
  }
  :focus-visible {
    outline-color: #ffd18a;
  }
}
@media (max-width: 760px) {
  .comparison-options,
  .comparison-results {
    grid-template-columns: minmax(0, 1fr);
  }
  .comparison-result {
    padding: 1rem;
  }
  .comparison-options fieldset {
    padding: 0.75rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}
@media print {
  :root {
    color-scheme: light;
    --good: #166534;
    --ink: #000;
    --muted: #333;
    --paper: #fff;
    --line: #999;
    --action: #000;
  }
  body,
  form,
  .comparison-result,
  input,
  select {
    background: white;
    color: black;
  }
  .comparison-results {
    display: block;
  }
  .comparison-result {
    break-inside: avoid;
    margin-bottom: 1rem;
  }
  #comparison-form {
    display: none;
  }
  .intro {
    padding-block: 0;
  }
  .comparison-output {
    margin-block: 0;
  }
}

.comparison-result dd {
  font-variant-numeric: tabular-nums;
}