/* Keep the main tools and price page reachable in the site navigation. */
@media (min-width: 901px) {
  .header nav { gap: clamp(9px, 1.5vw, 22px); font-size: 11px; }
  .header nav a { white-space: nowrap; }
  .head nav { gap: clamp(9px, 1.25vw, 19px); font-size: 11px; }
}
@media (min-width: 901px) and (max-width: 1200px) {
  .header .nav-action { display: none; }
}
@media (max-width: 900px) {
  .header nav {
    display: grid;
    grid-template-columns: .8fr 1.15fr .95fr .65fr 1.05fr .8fr;
    height: 57px;
    gap: 0;
    padding: 0 7px;
    align-items: stretch;
  }
  .header nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 3px;
    text-align: center;
    font-size: 10px;
    line-height: 1.22;
    white-space: normal;
    border-right: 1px solid #254047;
  }
  .header nav a:last-child { border-right: 0; }
  .hero { padding-top: 64px; }
  .head nav {
    display: grid;
    grid-template-columns: .8fr 1.15fr .95fr .65fr 1.05fr .8fr;
    height: 54px;
    gap: 0;
    padding: 0 8px;
    align-items: stretch;
  }
  .head nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 3px;
    text-align: center;
    font-size: 10px;
    line-height: 1.2;
    white-space: normal;
  }
  .head nav a.selected { padding-bottom: 5px; }
}
@media (max-width: 390px) {
  .header nav a,.head nav a { font-size: 9px; }
  .header nav,.head nav { padding-left: 4px; padding-right: 4px; }
}