.connect-page .sectors {
  margin-bottom: 0;
  border: 1px solid #d8dfd5;
  border-bottom: 0;
  background: #fff;
}

.connect-page .filters {
  margin: 0 0 12px;
  padding: 18px 20px;
  border: 1px solid #d8dfd5;
  background: #f6f8f3;
}

.connect-page .search-box {
  padding: 9px 13px;
  border: 1px solid #c7d1c3;
  border-radius: 4px;
  background: #fff;
}

.connect-page .search-box span { color: #58705b; }
.connect-page .reset { padding-inline: 10px; }
.connect-page .taxonomy-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.connect-page .taxonomy-filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-width: 168px;
  background: #fff;
  text-align: left;
}
.connect-page .taxonomy-filter-button span {
  color: #397049;
  font-size: 11px;
  font-weight: 800;
}
.connect-page .taxonomy-selection {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  gap: 7px;
  padding-top: 2px;
}
.connect-page .taxonomy-selection[hidden] { display: none; }
.connect-page .taxonomy-selection button {
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #b8cab8;
  border-radius: 999px;
  background: #eef6ec;
  color: #274d32;
  font-size: 12px;
  font-weight: 700;
}
.connect-page .taxonomy-selection button span { margin-left: 4px; color: #66766a; }
.connect-page .editor-star {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid #edcf74;
  border-radius: 999px;
  background: #fff8dc;
  color: #805b00;
  font-size: 11px;
  font-weight: 800;
}
.connect-page .editor-star > span { color: #e0a400; }

.connect-page .opportunity-summary,
.connect-page .opportunity-empty {
  margin: 4px 0 13px;
  padding: 13px 14px;
  border-radius: 6px;
}
.connect-page .opportunity-summary {
  position: relative;
  border: 1px solid #bad4bd;
  background: #edf7ed;
}
.connect-page .opportunity-summary > span,
.connect-page .opportunity-empty > span {
  display: block;
  color: #397049;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}
.connect-page .opportunity-summary > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-top: 5px;
}
.connect-page .opportunity-summary b { color: #163d25; font-size: 15px; }
.connect-page .opportunity-summary strong { color: #163d25; font-size: 18px; }
.connect-page .opportunity-summary small { display: block; margin-top: 3px; color: #64766a; }
.connect-page .opportunity-summary em {
  position: absolute;
  top: 10px;
  right: 12px;
  color: #397049;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.connect-page .opportunity-empty { border: 1px solid #e1e6df; background: #f7f8f5; }
.connect-page .opportunity-empty b { display: block; margin-top: 4px; color: #68736c; font-size: 13px; }

.investment-opportunity {
  margin: 36px 0 22px;
  padding: 30px;
  border: 1px solid #abcbb0;
  border-radius: 10px;
  background: #edf7ed;
}
.investment-opportunity.pending { border-color: #d8dfd5; background: #f7f8f5; }
.investment-opportunity h2 { margin: 6px 0 0; font-size: 28px; }
.investment-opportunity.pending > p:not(.eyebrow) { max-width: 720px; margin-top: 12px; color: #66736b; }
.investment-opportunity-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.ir-available { padding: 6px 9px; border-radius: 999px; background: #173f31; color: #fff; font-size: 11px; font-weight: 750; }
.investment-opportunity dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 24px 0; background: #bdd2c0; }
.investment-opportunity dl > div { padding: 17px; background: #fff; }
.investment-opportunity dt { color: #66766a; font-size: 11px; }
.investment-opportunity dd { margin: 7px 0 0; color: #173f31; font-size: 18px; font-weight: 800; overflow-wrap: anywhere; }
.investment-message { margin-top: 12px; padding: 17px 18px; border-left: 3px solid #4b8a60; background: #fff; }
.investment-message b { color: #224c31; font-size: 12px; }
.investment-message p { margin-top: 7px; color: #45594b; line-height: 1.7; }
.opportunity-source { margin-top: 14px; color: #68786d; font-size: 11px; }
.opportunity-source a { color: #356b48; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.investment-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.ir-note { margin-top: 9px; color: #68786d; font-size: 11px; }
.ir-document-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 22px;
  padding: 24px 28px;
  border: 1px solid #ccd6ca;
  border-radius: 10px;
  background: #fff;
}
.ir-document-panel h2 { margin: 5px 0 7px; font-size: 22px; }
.ir-document-panel p:not(.eyebrow) { color: #647168; font-size: 13px; line-height: 1.65; }
.ir-document-panel .wt-btn { flex: 0 0 auto; }
.ir-document-panel .ir-access-pending { cursor: default; opacity: .68; pointer-events: none; }

.collection-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 0 0 20px;
  padding: 22px 24px;
  border-left: 5px solid #80ad6d;
  background: #173e2c;
  color: #fff;
}

.collection-context[hidden] { display: none; }
.collection-kicker {
  display: block;
  margin-bottom: 5px;
  color: #b9d6ad;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
}
.collection-context h3 { font-size: 23px; line-height: 1.35; }
.collection-context p { margin-top: 5px; color: #dce8dc; font-size: 13px; }
.collection-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
.collection-meta span {
  padding: 6px 9px;
  border: 1px solid #ffffff40;
  border-radius: 999px;
  color: #eef5eb;
  font-size: 12px;
}
.collection-meta a {
  margin-left: 8px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ffffff99;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width: 720px) {
  .connect-page .filters { padding: 13px; }
  .connect-page .taxonomy-filter-bar { width: 100%; }
  .connect-page .taxonomy-filter-button { flex: 1; min-width: 0; gap: 8px; }
  .connect-page .opportunity-summary > div { align-items: flex-start; flex-direction: column; gap: 2px; }
  .connect-page .opportunity-summary em { position: static; display: block; margin-top: 5px; }
  .investment-opportunity { padding: 22px 18px; }
  .investment-opportunity-head { flex-direction: column; }
  .investment-opportunity dl { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .investment-opportunity dd { font-size: 16px; }
  .ir-document-panel { align-items: flex-start; flex-direction: column; gap: 16px; padding: 21px 18px; }
  .collection-context {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 19px 18px;
  }
  .collection-meta { justify-content: flex-start; }
  .collection-meta a { margin-left: 0; }
}