/* homepage-mobile-first-task-hub-phase3-001
   + homepage-peer-entry-exclusive-expand-final-001
   Peer entries always visible; exclusive panel below. Labels only — compact height.
   Mobile: label centered in the full button; expand chevron absolutely on the right. */

.homepage-workspace-chrome {
  box-sizing: border-box;
  margin: 0 0 12px;
  max-width: 100%;
  min-width: 0;
}

.homepage-workspace-chrome[hidden] {
  display: none !important;
}

.homepage-hub-back {
  appearance: none;
  background: transparent;
  border: 0;
  color: #123f32;
  cursor: pointer;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  min-height: 44px;
  padding: 8px 0;
  text-align: left;
}

.homepage-task-hub {
  box-sizing: border-box;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr);
  margin: 0 0 16px;
  max-width: 100%;
  min-width: 0;
  width: 100%;
}

.homepage-task-hub[hidden] {
  display: none !important;
}

.homepage-task-hub__item {
  align-items: center;
  appearance: none;
  background: #eef6f4;
  border: 1px solid #c5dbd5;
  border-radius: 12px;
  box-sizing: border-box;
  color: #123f32;
  cursor: pointer;
  display: flex;
  font: inherit;
  justify-content: center;
  min-height: 48px;
  min-width: 0;
  /* Equal side padding = chevron gutter so the label stays centered in the full button. */
  padding: 10px 40px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.homepage-task-hub__item:focus-visible {
  outline: 2px solid #123f32;
  outline-offset: 2px;
}

.homepage-task-hub__item.is-active,
.homepage-task-hub__item[aria-pressed="true"],
.homepage-task-hub__item[aria-current="page"] {
  background: #d7ebe4;
  border-color: #123f32;
  box-shadow: inset 0 0 0 1px #123f32;
}

.homepage-task-hub__label {
  box-sizing: border-box;
  display: block;
  flex: 0 1 auto;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: anywhere;
  pointer-events: none;
  text-align: center;
  width: auto;
  word-break: normal;
}

.homepage-task-hub__chevron {
  align-items: center;
  color: #123f32;
  display: inline-flex;
  flex: 0 0 auto;
  height: 22px;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}

.homepage-task-hub__chevron svg {
  display: block;
  fill: none;
  height: 18px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  transform: rotate(0deg);
  transition: transform 0.15s ease;
  width: 18px;
}

/* Expanded peer: chevron points up. Collapsed / inactive: points down. */
.homepage-task-hub__item.is-active > .homepage-task-hub__chevron svg,
.homepage-task-hub__item[aria-pressed="true"] > .homepage-task-hub__chevron svg,
.homepage-task-hub__item[aria-current="page"] > .homepage-task-hub__chevron svg {
  transform: rotate(180deg);
}

#quick-health-check[hidden],
.detailed-calculator-group[hidden],
.homepage-industry-nav[hidden] {
  display: none !important;
}

[data-homepage-view="qhc"] #quick-health-check:not([hidden]),
[data-homepage-view="dpc"] .detailed-calculator-group:not([hidden]) {
  display: block;
}

/* homepage-industry-entry-within-business-management-001
   Industry sits inside Daily Business Management — secondary to peer buttons. */
.detailed-calculator-group > .homepage-industry-nav {
  margin-top: 4px;
  margin-bottom: 14px;
}

.homepage-industry-nav__hint {
  font-weight: 400;
}

@media (min-width: 720px) {
  .detailed-calculator-group > .homepage-industry-nav .homepage-industry-nav__grid {
    grid-template-columns: repeat(3, minmax(0, 200px));
    width: auto;
  }
}

@media (min-width: 720px) {
  .homepage-task-hub {
    align-items: stretch;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 20px;
  }

  .homepage-task-hub__item {
    height: 100%;
    min-height: 52px;
    padding: 12px 40px;
  }

  .homepage-task-hub__label {
    font-size: 1.0625rem;
  }
}