/* === Capabilities landing. template-capabilities.php only === */

/* Tabs are buttons here. Strip button look */
:root .hlb-cap-tabs .hlb-cap-tabs__link[role="tab"] {
  flex: 0 0 auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

:root .hlb-cap-tabs .hlb-cap-tabs__link[aria-selected="true"],
:root .hlb-cap-tabs .hlb-cap-tabs__link[aria-selected="true"]:hover {
  background-color: var(--hlb-mint);
  color: var(--hlb-ink);
  text-decoration-color: transparent;
}

/* Panels */
.hlb-cap-landing__panels {
  padding: 56px var(--hlb-gutter) 112px;
}

.hlb-cap-landing__panel {
  width: 100%;
  max-width: var(--hlb-container);
  margin-inline: auto;
}

.hlb-cap-landing__panel[hidden] {
  display: none;
}

.hlb-cap-landing__panel:focus-visible {
  outline: 2px solid var(--hlb-navy);
  outline-offset: 8px;
}

.hlb-cap-landing {
  background: var(--hlb-white);
}

@media (max-width: 699px) {
  .hlb-cap-landing__panels {
    padding-top: 40px;
    padding-bottom: 72px;
  }
}