/* Candour Investor Hub 1.1.0
 * Standalone layout. Scoped to .cih to avoid affecting Finanzia and other Candour components.
 * Adjust --cih-max-width and --cih-gutter to change desktop width.
 */
.cih {
  --cih-navy: #17243c;
  --cih-copy: #263848;
  --cih-muted: #6c7887;
  --cih-gold: #bd9254;
  --cih-line: #e1e5e9;
  --cih-wash: #f5f7f9;
  --cih-max-width: 1540px;
  --cih-gutter: 48px;
  display: block !important;
  box-sizing: border-box;
  color: var(--cih-copy);
  font-family: inherit;
  position: relative;
  /* Break out of a narrow Finanzia/GoodLayers content wrapper. */
  width: min(var(--cih-max-width), calc(100vw - (2 * var(--cih-gutter)))) !important;
  max-width: none !important;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 !important;
  padding: 0 !important;
  clear: both;
}
.cih, .cih * { box-sizing: border-box; }
.cih .cih-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, 1fr) minmax(0, 3fr) !important;
  gap: clamp(32px, 3vw, 54px) !important;
  align-items: start;
  width: 100% !important;
  max-width: none !important;
}
.cih .cih-questions {
  display: block;
  min-width: 0;
  width: 100%;
  max-width: none !important;
  border-right: 1px solid var(--cih-line);
  padding: 0 24px 0 0;
  margin: 0;
}
.cih .cih-eyebrow, .cih .cih-answer-kicker {
  display:block;
  margin: 0 0 22px !important;
  color: var(--cih-muted) !important;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 650;
}
.cih .cih-question-wrap {
  display: block;
  width: 100%;
  max-width: none !important;
  border-bottom: 1px solid var(--cih-line);
  margin: 0;
  padding: 0;
}
/* Finanzia/GoodLayers has global button skins. Override them deliberately. */
.cih .cih-questions button.cih-question,
.cih .cih-questions button.cih-question:hover,
.cih .cih-questions button.cih-question:focus {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 17px 14px 17px 18px !important;
  margin: 0 !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--cih-copy) !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  cursor: pointer;
  gap: 14px;
  transition: background-color .15s ease, border-color .15s ease;
}
.cih .cih-questions button.cih-question:hover { background: #f8f9fb !important; }
.cih .cih-questions button.cih-question.is-active,
.cih .cih-questions button.cih-question.is-active:hover,
.cih .cih-questions button.cih-question.is-active:focus {
  background: var(--cih-wash) !important;
  border-left-color: var(--cih-gold) !important;
  color: var(--cih-navy) !important;
  font-weight: 650 !important;
}
.cih .cih-questions button.cih-question:focus-visible { outline: 2px solid var(--cih-gold) !important; outline-offset: -2px; }
.cih .cih-questions button.cih-question::before,
.cih .cih-questions button.cih-question::after { display: none !important; content: none !important; }
.cih .cih-question-label {
  display: block !important;
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  text-overflow: clip !important;
}
.cih .cih-question-icon {
  display: block !important;
  position: relative !important;
  top: 7px;
  flex: 0 0 7px;
  width: 7px !important;
  height: 7px !important;
  max-width: 7px;
  border: 0 !important;
  border-top: 1.5px solid currentColor !important;
  border-right: 1.5px solid currentColor !important;
  transform: rotate(45deg);
  opacity: .55;
}
.cih .cih-answers {
  min-width: 0;
  width: 100% !important;
  max-width: none !important;
  padding: 27px 0 0;
  margin: 0;
}
.cih .cih-answer, .cih .cih-answer-content {
  display: block;
  min-width: 0;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cih .cih-answer[hidden] { display: none !important; }
.cih .cih-answer-heading {
  display:block;
  width: 100%;
  max-width: none !important;
  padding: 0 0 23px !important;
  margin: 0 0 25px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cih-line) !important;
  border-radius: 0;
  background: none;
  color: var(--cih-navy) !important;
  font-family: inherit !important;
  font-size: clamp(27px, 2.2vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  letter-spacing: -.015em;
}
.cih .cih-answer-content {
  color: var(--cih-copy);
  font-size: 16px;
  line-height: 1.85;
  overflow-wrap: break-word;
}
/* Keep Gutenberg and theme content constraints from making a 3/4-width answer look narrow. */
.cih .cih-answer-content > *,
.cih .cih-answer-content > .wp-block-group,
.cih .cih-answer-content > .wp-block-columns,
.cih .cih-answer-content > .wp-block-table,
.cih .cih-answer-content > .wp-block-list {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.cih .cih-answer-content p { margin-top: 0; margin-bottom: 1.1em; }
.cih .cih-answer-content ul, .cih .cih-answer-content ol { margin-top: 0; margin-bottom: 1.25em; padding-left: 1.5em; }
.cih .cih-answer-content li { padding-left: .25em; margin: 0 0 .45em; }
.cih .cih-answer-content h3, .cih .cih-answer-content h4 { color: var(--cih-navy); margin: 1.4em 0 .6em; }
.cih .cih-answer-content table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cih .cih-answer-content th, .cih .cih-answer-content td { padding: 10px 12px; border: 1px solid var(--cih-line); vertical-align: top; }
.cih .cih-answer-content .wp-block-table { overflow-x: auto; }
.cih .cih-answer-content a { color: var(--cih-navy); text-decoration: underline; text-decoration-color: var(--cih-gold); text-underline-offset: 3px; }
.cih .cih-answer-content > :last-child { margin-bottom: 0 !important; }
@media (max-width: 1024px) {
  .cih { --cih-gutter: 28px; }
  .cih .cih-layout { grid-template-columns: minmax(235px, 1fr) minmax(0, 2.2fr) !important; gap: 28px !important; }
  .cih .cih-questions { padding-right: 15px; }
  .cih .cih-questions button.cih-question { font-size: 14px !important; padding: 15px 10px 15px 12px !important; }
}
@media (max-width: 767px) {
  .cih { --cih-gutter: 20px; }
  .cih .cih-layout { display: block !important; }
  .cih .cih-questions { width: 100%; border-right: 0; padding-right: 0; }
  .cih .cih-eyebrow { margin-bottom: 12px !important; }
  .cih .cih-questions button.cih-question { font-size: 15px !important; padding: 17px 12px 17px 14px !important; }
  .cih .cih-question-icon { transform: rotate(135deg); }
  .cih .cih-questions button.cih-question.is-active .cih-question-icon { transform: rotate(-45deg); }
  .cih .cih-answers { display: none !important; }
  .cih .cih-question-wrap > .cih-answer { padding: 19px 14px 27px; border-bottom: 1px solid var(--cih-line); }
  .cih .cih-question-wrap > .cih-answer[hidden] { display: none !important; }
  .cih .cih-answer-heading, .cih .cih-answer-kicker { display: none !important; }
  .cih .cih-answer-content { font-size: 15px; line-height: 1.8; }
}
@media (prefers-reduced-motion: reduce) {
  .cih .cih-question { transition: none !important; }
}

/* 1.2.0 - Bilingual category headers in the question navigation. */
.cih .cih-category {
  width: 100%;
  margin: 0 0 23px;
  padding: 0;
}
.cih .cih-category-heading {
  display: block !important;
  margin: 0 0 4px !important;
  padding: 12px 14px 9px 18px !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--cih-muted) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  overflow-wrap: break-word;
}
.cih .cih-category + .cih-category { margin-top: 9px; }
.cih .cih-category:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
  .cih .cih-category { margin-bottom: 16px; }
  .cih .cih-category-heading { padding-top: 18px !important; }
}