/* The original Home page is unchanged below its navigation. */
.nav { gap: 1.6rem; }
.page-links { display: flex; flex-shrink: 0; align-items: center; gap: 1.35rem; margin-right: auto; }
.page-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); font-size: .84rem; font-weight: 650; text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; }
.page-links a:hover { color: var(--blue); }
.page-links a[aria-current="page"] { color: var(--blue); border-bottom-color: var(--blue); }
@media (max-width: 1100px) {
  .nav { flex-wrap: wrap; column-gap: 1rem; row-gap: 0; padding-block: .5rem; }
  .nav .brand { order: 0; }
  .nav .nav-links { order: 1; margin-left: auto; }
  .page-links { order: 2; width: 100%; gap: 1.5rem; }
  html { scroll-padding-top: 130px; }
}
@media (max-width: 540px) {
  .page-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; row-gap: 0; }
  .page-links a { white-space: normal; overflow-wrap: anywhere; }
  html { scroll-padding-top: 180px; }
}
@media (max-width: 430px) {
  .page-links { column-gap: 1rem; row-gap: 0; }
  .page-links a { font-size: .78rem; }
}
@media (min-width: 801px) and (max-width: 1100px) {
  .estimator-page .estimate-result { top: 128px; max-height: calc(100dvh - 150px); }
}
