/* The shared resource sheet is imported as a hashed local asset during preparation. */
@import '/assets/rent-change-calculator/resource.a6158962ac2d.css';

.rent-change .estimate {
  position: static;
}
.rent-change .ledger {
  margin-block: 1.5rem;
}
.rent-change #percentage {
  overflow-wrap: anywhere;
  font-size: 1.6rem;
  font-weight: 700;
}
.rent-change .headline-result strong {
  font-variant-numeric: tabular-nums;
}
.rent-change #projection h2 {
  margin-top: 2rem;
}
.rent-change input[aria-invalid],
.rent-change select[aria-invalid] {
  border: 2px solid #a42020;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ink: #e8eef8;
    --muted: #b4c1d4;
    --paper: #121b2a;
    --line: #45546a;
    --action: #9abcff;
    --good: #99d6ad;
  }
  .site-header,
  form,
  input,
  select,
  button,
  .skip {
    background: #1b293d;
  }
  .headline-result {
    background: #253c60;
  }
  button[type='submit'] {
    background: #9abcff;
    color: #10213b;
  }
  .field-error,
  #errors {
    color: #ffb9b9;
  }
  #errors,
  .rent-change input[aria-invalid],
  .rent-change select[aria-invalid] {
    border-color: #ffb9b9;
  }
  :focus-visible {
    outline-color: #ffd18a;
  }
}

@media print {
  :root {
    color-scheme: light;
    --ink: #000;
    --muted: #333;
    --paper: #fff;
    --line: #bbb;
    --action: #1d4ed8;
    --good: #166534;
  }
  body,
  form,
  input,
  select,
  .headline-result {
    background: white;
    color: black;
  }
  #print-result {
    display: none;
  }
  .rent-change .intro {
    padding-block: 0;
  }
  .rent-change form {
    break-inside: avoid;
  }
  .rent-change .explanation {
    margin-block: 1rem;
  }
}