/* Direction 17: client outcomes first, with the selected muted honey accent. */
.oci-direction { --o-gold: #d6b35a; }
.oci-direction .o-menu .o-menu-secondary a[href*="page=fund-selector"],
.oci-direction.o-m-ready .o-menu .o-menu-secondary a[href*="page=fund-selector"] {
  justify-self: start;
  align-self: center;
  align-items: center;
  min-height: 48px;
  max-width: 100%;
  margin-inline-start: -16px;
  padding: 12px 16px;
  border: 0;
  background: #d6b35a;
  color: #2524a9;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .3s ease;
}
.oci-direction .o-menu .o-menu-secondary a[href*="page=fund-selector"]:hover {
  background: #e5c77d;
}
.oci-direction .o-menu .o-menu-secondary a[href*="page=fund-selector"]:focus-visible {
  outline: 2px solid #2524a9;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px #e8e7e1;
}
.oci-direction .o-fund-outcomes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px 8vw;
  padding-block: 72px 88px;
}
.oci-direction .o-fund-outcomes article {
  min-width: 0;
  border-top: 1px solid var(--o-line);
  padding-top: 30px;
}
.oci-direction .o-fund-outcomes h2 {
  max-width: 20ch;
  margin: 0;
  font-size: clamp(2.5rem, 4vw, 4.7rem);
  line-height: 1.05;
}
.oci-direction .o-fund-outcomes p {
  max-width: 42ch;
  margin: 24px 0 0;
  font-size: clamp(1.125rem, 1.3vw, 1.375rem);
  line-height: 1.5;
}

.oci-direction .o-action,
.oci-direction.o-m-ready .o-action,
.oci-direction .o-resource-button:not(.o-secondary),
#site:has(.oci-direction) .test-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 48px;
  max-width: 100%;
  padding: 14px 20px;
  border: 0;
  background: #d6b35a;
  color: #2524a9;
  font: 500 1rem/1.4 'DM Sans', Arial, sans-serif;
  text-transform: none;
  letter-spacing: 0;
  text-align: left;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color .3s ease, box-shadow .3s ease;
}
.oci-direction .o-action > span { flex: 0 0 auto; }
.oci-direction .o-action:hover,
.oci-direction.o-m-ready .o-action:hover,
.oci-direction .o-resource-button:not(.o-secondary):hover,
#site:has(.oci-direction) .test-submit:hover {
  background: #e5c77d;
  color: #2524a9;
  text-decoration: none;
}
.oci-direction .o-action:focus-visible,
.oci-direction .o-resource-button:not(.o-secondary):focus-visible,
#site:has(.oci-direction) .test-submit:focus-visible {
  outline: 2px solid #2524a9;
  outline-offset: 2px;
  box-shadow: 0 0 0 6px #e8e7e1;
}
.oci-direction .o-hero-summary .o-action,
.oci-direction .o-iq-banner-actions .o-action,
.oci-direction .o-home-delivery .o-action,
.oci-direction .o-onboarding-partner .o-action,
.oci-direction .o-toolkit-edition .o-resource-button:not(.o-secondary) {
  padding: 14px 20px;
  border: 0;
  background: #d6b35a;
  color: #2524a9;
}
.oci-direction .o-iq-banner-actions .o-action:hover { background: #e5c77d; }
.oci-direction .o-fund-value .o-action + .o-action { margin-top: 12px; }
@media (max-width: 700px) {
  .oci-direction .o-fund-outcomes {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
    padding-block: 44px 56px;
  }
  .oci-direction .o-fund-outcomes article { padding-top: 24px; }
  .oci-direction .o-fund-outcomes h2 { font-size: clamp(2.125rem, 9vw, 3rem); }
  .oci-direction .o-action,
  .oci-direction.o-m-ready .o-action { gap: 12px; padding: 14px 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .oci-direction .o-action,
  .oci-direction .o-resource-button,
  #site:has(.oci-direction) .test-submit { transition: none; }
}