/* Lower-page comparison footer: keep the shared component aligned and role-coloured. */
.pdcg-bottom-cv {
  --pdcg-lower-green: #367f79;
  --pdcg-lower-blue: #1a67a6;
  --pdcg-lower-yellow: #9a6100;
}

/* The page heading inherits a flex/left-indent rule from the article template.
   This block is a centered editorial heading, so reset that inherited behavior. */
.pdcg-bottom-cv .pdcg-bottom-cv-head h2,
.page-content .pdcg-bottom-cv .pdcg-bottom-cv-head h2 {
  display: block !important;
  width: 100% !important;
  margin-inline: auto !important;
  padding: 0 !important;
  text-align: center !important;
  justify-content: initial !important;
  align-items: initial !important;
}

/* Keep the company name on the same text axis as the fit line and body copy. */
.pdcg-bottom-cv .pdcg-bottom-cv-body h3,
.page-content .pdcg-bottom-cv .pdcg-bottom-cv-body h3 {
  padding-left: 0 !important;
  text-indent: 0 !important;
}

.pdcg-bottom-cv-card {
  --pdcg-lower-accent: var(--pdcg-lower-green);
  border-top-color: var(--pdcg-lower-accent) !important;
}

.pdcg-bottom-cv-card-blue {
  --pdcg-lower-accent: var(--pdcg-lower-blue);
}

.pdcg-bottom-cv-card-amber {
  --pdcg-lower-accent: var(--pdcg-lower-yellow);
}

.pdcg-bottom-cv .pdcg-bottom-cv-label,
.page-content .pdcg-bottom-cv .pdcg-bottom-cv-label,
.pdcg-bottom-cv-card-blue .pdcg-bottom-cv-label,
.page-content .pdcg-bottom-cv-card-blue .pdcg-bottom-cv-label,
.pdcg-bottom-cv-card-amber .pdcg-bottom-cv-label,
.page-content .pdcg-bottom-cv-card-amber .pdcg-bottom-cv-label {
  color: #fff !important;
  background: var(--pdcg-lower-accent) !important;
}

.pdcg-bottom-cv .pdcg-bottom-cv-fit,
.page-content .pdcg-bottom-cv .pdcg-bottom-cv-fit {
  color: var(--pdcg-lower-accent) !important;
}

.pdcg-bottom-cv .pdcg-bottom-cv-points li::before {
  color: var(--pdcg-lower-accent) !important;
  background: var(--pdcg-lower-accent) !important;
}

.pdcg-bottom-cv .pdcg-bottom-cv-action-detail,
.page-content .pdcg-bottom-cv .pdcg-bottom-cv-action-detail {
  color: var(--pdcg-lower-accent) !important;
  background: #fff !important;
  border-color: var(--pdcg-lower-accent) !important;
}

.pdcg-bottom-cv .pdcg-bottom-cv-action-official,
.page-content .pdcg-bottom-cv .pdcg-bottom-cv-action-official {
  color: #fff !important;
  background: var(--pdcg-lower-accent) !important;
  border-color: var(--pdcg-lower-accent) !important;
}

.pdcg-bottom-cv-card-primary .pdcg-bottom-cv-action-detail,
.page-content .pdcg-bottom-cv-card-primary .pdcg-bottom-cv-action-detail {
  border-color: rgba(54, 127, 121, .58) !important;
}

.pdcg-bottom-cv-card-blue .pdcg-bottom-cv-action-detail,
.page-content .pdcg-bottom-cv-card-blue .pdcg-bottom-cv-action-detail {
  border-color: rgba(26, 103, 166, .58) !important;
}

.pdcg-bottom-cv-card-amber .pdcg-bottom-cv-action-detail,
.page-content .pdcg-bottom-cv-card-amber .pdcg-bottom-cv-action-detail {
  border-color: rgba(154, 97, 0, .58) !important;
}

.pdcg-bottom-cv .pdcg-bottom-cv-action-detail:hover,
.pdcg-bottom-cv .pdcg-bottom-cv-action-detail:focus-visible,
.pdcg-bottom-cv .pdcg-bottom-cv-action-official:hover,
.pdcg-bottom-cv .pdcg-bottom-cv-action-official:focus-visible {
  color: #fff !important;
  background: var(--pdcg-lower-accent) !important;
  border-color: var(--pdcg-lower-accent) !important;
}

@media (max-width: 720px) {
  .pdcg-bottom-cv .pdcg-bottom-cv-head h2,
  .page-content .pdcg-bottom-cv .pdcg-bottom-cv-head h2 {
    text-align: center !important;
  }
}

/* Company index search heading inherits the article H2 flex + hairline,
   which draws a line through the title. Reset it to a normal heading. */
.pdcg-discovery-search-copy h2,
.page-content .pdcg-discovery-search-copy h2,
.page-content-company_index .pdcg-discovery-search-copy h2 {
  display: block !important;
  max-width: none !important;
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  position: static !important;
}

.pdcg-discovery-search-copy h2::before,
.pdcg-discovery-search-copy h2::after,
.page-content .pdcg-discovery-search-copy h2::before,
.page-content .pdcg-discovery-search-copy h2::after,
.page-content-company_index .pdcg-discovery-search-copy h2::before,
.page-content-company_index .pdcg-discovery-search-copy h2::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  flex: none !important;
  background: none !important;
  border: 0 !important;
}

.page-content-company_index .research-note,
.page-content .research-note {
  display: block !important;
  max-width: 100% !important;
  white-space: normal !important;
  align-items: flex-start !important;
}
