/* homepage-mobile-five-tools-buttons-001
   Phone tool row only. Desktop stays on homepageDesktopFiveToolsButtons001.css.
   Natural-width buttons in the existing horizontal scroller. */

@media (max-width: 1023px) {
  .homepage-peer-nav-host .homepage-task-hub,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub {
    align-items: center;
    background: transparent;
    border-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-inline: 4px 20px;
    scroll-padding-inline: 8px;
  }

  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:link,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:visited,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:link,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:visited {
    align-items: center;
    background: #fff;
    border: 1px solid #c5d4cb;
    border-radius: 10px;
    box-shadow: none;
    box-sizing: border-box;
    color: #16382c;
    cursor: pointer;
    flex: 0 0 auto;
    height: auto;
    justify-content: center;
    max-width: none;
    min-height: 44px;
    min-width: max-content;
    overflow: visible;
    padding: 8px 16px;
    text-decoration: none;
    width: max-content;
  }

  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item .homepage-task-hub__label,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item .homepage-task-hub__label {
    color: inherit;
    font-weight: 600;
    max-width: none;
    overflow: visible;
    overflow-wrap: normal;
    text-overflow: clip;
    white-space: nowrap;
    width: auto;
  }

  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item:active:not(.is-active):not([aria-pressed="true"]):not([aria-current="page"]),
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item:active:not(.is-active):not([aria-pressed="true"]):not([aria-current="page"]) {
    background: #e7f2eb;
    border-color: #1f6b45;
    color: #1f6b45;
  }

  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item.is-active,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"],
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-current="page"],
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item.is-active,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"],
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-current="page"] {
    background: #e7f2eb;
    border: 1px solid #1f6b45;
    border-radius: 10px;
    box-shadow: none;
    color: #1f6b45;
  }

  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item.is-active .homepage-task-hub__label,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"] .homepage-task-hub__label,
  .homepage-peer-nav-host .homepage-task-hub > .homepage-task-hub__item[aria-current="page"] .homepage-task-hub__label,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item.is-active .homepage-task-hub__label,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-pressed="true"] .homepage-task-hub__label,
  .smp-five-tools-chrome:not([data-homepage-view="none"]) .homepage-task-hub > .homepage-task-hub__item[aria-current="page"] .homepage-task-hub__label {
    color: #1f6b45;
    font-weight: 700;
  }
}