/* ==========================================================================
   1. Design tokens
   ========================================================================== */
:root {
  /* Colour — ALTPORT brand */
  --clr-ink:        #253b80;
  --clr-ink-soft:   #55606e;
  --clr-paper:      #ffffff;
  --clr-panel:      #f4f6fb;
  --clr-line:       #e4e8f0;
  --clr-orange:      #f5821f;
  --clr-orange-deep: #c05e06;
  --clr-navy:       #253b80;
  --clr-navy-deep:  #1a2b61;
  --clr-white:      #ffffff;

  /* Type */
  --font-display: "Montserrat";/*"Poppins", "Inter", sans-serif;*/
  --font-body:    "Montserrat";/*"Inter", -apple-system, "Segoe UI", sans-serif;*/

  /* Typography */
    --fs-h1:    clamp(34px, 5vw, 40px);
    --fs-h2:    clamp(24px, 4vw, 28px);
    --fs-h3:    clamp(16px, 3vw, 20px);

    --fs-body:  18px;
    --fs-small: clamp(16px, 1.4vw, 18px);
    --fs-micro: 16px;

  /*--fs-h1:    clamp(32px, 6vw, 40px);
  --fs-h2:    clamp(28px, 3.5vw, 32px);
  --fs-h3:    clamp(24px, 2.5vw, 28px);
  --fs-body:  16px;
  --fs-small: clamp(16px, 1.2vw, 18px);
  --fs-micro: 16px;*/

  /* Layout */
  --page-max: 1350px;
  --gutter:   20px;
  --section-y: 56px;

  /* Misc */
  --radius:     10px;
  --shadow-card: 0 1px 2px rgba(26, 43, 97, 0.06), 0 8px 24px rgba(26, 43, 97, 0.07);
  --focus-ring:  3px solid var(--clr-orange);
}

/* ==========================================================================
   2. Base + shared layout
   ========================================================================== */
.altport-manager * { box-sizing: border-box; }

.altport-manager {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: 1.7;
  color: var(--clr-ink-soft);
  background: var(--clr-paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.altport-manager h1,
.altport-manager h2,
.altport-manager h3,
.altport-manager h4,
.altport-manager h5,
.altport-manager h6 {
  font-family: var(--font-display);
  color: var(--clr-ink);
  line-height: 1.25;
  /*margin: 0 0 16px;*/
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
}
.altport-manager h1 b,
.altport-manager h2 b,
.altport-manager h3 b,
.altport-manager h4 b,
.altport-manager h5 b,
.altport-manager h6 b {font-weight: 700;}

.altport-manager h1 { font-size: var(--fs-h1); }
.altport-manager h2 { font-size: var(--fs-h2); }
.altport-manager h3 { font-size: var(--fs-h3); }
.altport-manager h4 { font-size: var(--fs-small); }

.altport-manager p  { margin: 0 0 18px; font-size: var(--fs-body); }
.altport-manager p:last-child { margin-bottom: 0; }

.altport-manager a {
  color: var(--clr-navy);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color .2s ease;
}
.altport-manager a:hover { color: var(--clr-orange-deep); }

.altport-manager a:focus-visible,
.altport-manager button:focus-visible {
  outline: var(--focus-ring);
  outline-offset: 3px;
  border-radius: 4px;
}

.altport-manager img { max-width: 100%; /*height: auto;*/ display: block; }

.altport-manager section { padding: var(--section-y) 0; }

.altport-manager .container {
  width: 100%;
  max-width: var(--page-max);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

/* Screen-reader only helper */
.altport-manager .a11y-hidden {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ==========================================================================
   3. Block: mgr-hero
   ========================================================================== */
.mgr-hero { background: var(--clr-white); padding-top: 48px; }

.mgr-hero__layout {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 48px;
  align-items: center;
}

.mgr-hero__portrait-ring {
  width: 300px;
  height: 300px;
  padding: 10px;
  /*border-radius: 50%;
  background: conic-gradient(from 140deg, var(--clr-orange) 0deg, #ffc178 110deg, var(--clr-orange-deep) 220deg, var(--clr-orange) 360deg);
  box-shadow: var(--shadow-card);*/
}

.mgr-hero__portrait {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: var(--clr-panel);
  border: 5px solid var(--clr-white);
}

.mgr-hero__eyebrow {
  display: inline-block;
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--clr-orange-deep);
  margin-bottom: 12px;
}

.mgr-hero__title { margin-bottom: 8px; }

.mgr-hero__role {
  font-family: var(--font-display);
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--clr-navy);
  margin-bottom: 16px;
}

.mgr-hero__summary { max-width: 68ch; }

.mgr-hero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 24px 0 28px;
  padding: 0;
  list-style: none;
}

.mgr-hero__fact {
  background: var(--clr-panel);
  border: 1px solid var(--clr-line);
  border-radius: 999px;
  padding: 10px 18px;
  font-size: var(--fs-micro);
  color: var(--clr-ink);
  font-weight: 600;
}

.mgr-hero__fact span { color: var(--clr-orange-deep); }

.mgr-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; }

.mgr-hero__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 12px 28px;
  border-radius: var(--radius);
  font-family: var(--font-display);
  font-size: var(--fs-body);
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.mgr-hero__cta--primary {
  background: var(--clr-orange);
  color: #fff!important;
  text-decoration: none!important;
  border: 2px solid var(--clr-orange);
}
/*.mgr-hero__cta--primary:hover {
  background: var(--clr-orange-deep);
  border-color: var(--clr-orange-deep);
  color: var(--clr-white);
  transform: translateY(-2px);
}*/

.mgr-hero__cta--ghost {
  background: transparent;
  color: var(--clr-navy);
  border: 2px solid var(--clr-navy);
}
.mgr-hero__cta--ghost:hover {
  background: var(--clr-navy);
  color: var(--clr-white);
  transform: translateY(-2px);
}

/* ==========================================================================
   4. Block: mgr-jump (in-page navigation)
   ========================================================================== */
.mgr-jump { padding: 0 0 8px; background: var(--clr-white); }

.mgr-jump__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 18px 0 0;
  list-style: none;
  border-top: 1px solid var(--clr-line);
}

.mgr-jump__link {
  display: inline-block;
  padding: 8px 16px;
  border-radius: var(--radius);
  background: var(--clr-panel);
  color: var(--clr-navy);
  font-size: var(--fs-micro);
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--clr-line);
}
.mgr-jump__link:hover {
  background: var(--clr-navy);
  color: var(--clr-white);
  border-color: var(--clr-navy);
}

/* ==========================================================================
   5. Block: mgr-credentials
   ========================================================================== */
.mgr-credentials { background: var(--clr-panel); }

.mgr-credentials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}

.mgr-credentials__card {
  background: var(--clr-white);
  border: 1px solid var(--clr-line);
  border-top: 4px solid var(--clr-orange);
  border-radius: var(--radius);
  padding: 28px 26px;
  box-shadow: var(--shadow-card);
}

.mgr-credentials__label {
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--clr-orange-deep);
  margin-bottom: 10px;
}

.mgr-credentials__name { font-size: var(--fs-small); margin-bottom: 8px; }
.mgr-credentials__detail { color: var(--clr-ink-soft); margin: 0; }

/* ==========================================================================
   6. Block: mgr-journey (career timeline table)
   ========================================================================== */
.mgr-journey { background: var(--clr-white); }

.mgr-journey__scroll { margin-top: 32px; }

.mgr-journey__table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--clr-line);
  border-radius: var(--radius);
  overflow: hidden;
}

.mgr-journey__head-cell {
  background: var(--clr-navy);
  color: var(--clr-white);
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: .04em;
  text-align: left;
  padding: 16px 20px;
}

.mgr-journey__row:nth-child(even) { background: var(--clr-panel); }

.mgr-journey__period,
.mgr-journey__cell {
  padding: 18px 20px;
  font-size: var(--fs-body);
  vertical-align: top;
  border-top: 1px solid var(--clr-line);
}

.mgr-journey__period {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--clr-ink);
  white-space: nowrap;
  text-align: left;
  border-left: 4px solid var(--clr-orange);
}

.mgr-journey__cell--role { color: var(--clr-ink); font-weight: 600; }

/* ==========================================================================
   7. Block: mgr-council (industry & governance roles)
   ========================================================================== */
.mgr-council { background: var(--clr-panel); }

.mgr-council__list {
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.mgr-council__entry {
  background: var(--clr-white);
  border: 1px solid var(--clr-line);
  border-radius: var(--radius);
  padding: 22px 24px 22px 56px;
  position: relative;
}

.mgr-council__entry::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 30px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: var(--clr-orange);
}

.mgr-council__role {
  display: block;
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--clr-ink);
  font-size: var(--fs-body);
}

.mgr-council__term {
  display: block;
  font-size: var(--fs-micro);
  color: var(--clr-ink-soft);
  margin-top: 4px;
}

/* ==========================================================================
   8. Block: mgr-accolades
   ========================================================================== */
.mgr-accolades { background: var(--clr-white); }

.mgr-accolades__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 32px;
}

.mgr-accolades__award {
  border: 1px solid var(--clr-line);
  border-radius: var(--radius);
  padding: 26px 24px;
  background: linear-gradient(180deg, var(--clr-white) 0%, var(--clr-panel) 100%);
  box-shadow: var(--shadow-card);
}

.mgr-accolades__year {
  display: inline-block;
  background: var(--clr-navy);
  color: var(--clr-white);
  font-family: var(--font-display);
  font-size: var(--fs-micro);
  font-weight: 600;
  padding: 4px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.mgr-accolades__title { font-size: var(--fs-body); font-weight: 700; margin-bottom: 8px; }
.mgr-accolades__source { margin: 0; font-size: var(--fs-micro); color: var(--clr-ink-soft); }

/* ==========================================================================
   9. Block: mgr-strategies (funds managed)
   ========================================================================== */
.mgr-strategies { background: var(--clr-panel); }

.mgr-strategies__intro { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.mgr-strategies__logo { width: 132px; height: auto; }

.mgr-strategies__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin-top: 34px;
}

.mgr-strategies__fund {
  display: flex;
  flex-direction: column;
  background: var(--clr-white);
  border: 1px solid var(--clr-line);
  border-radius: var(--radius);
  padding: 30px 28px;
  box-shadow: var(--shadow-card);
  transition: transform .2s ease, box-shadow .2s ease;
}
.mgr-strategies__fund:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 4px rgba(26,43,97,.08), 0 16px 34px rgba(26,43,97,.12);
}

.mgr-strategies__tag {
  align-self: flex-start;
  background: rgba(245, 130, 31, .12);
  color: var(--clr-orange-deep);
  font-size: var(--fs-micro);
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.mgr-strategies__name { font-size: var(--fs-small); margin-bottom: 12px; }
.mgr-strategies__copy { margin-bottom: 20px; }

.mgr-strategies__specs {
  list-style: none;
  margin: 0 0 22px;
  padding: 18px 0 0;
  border-top: 1px solid var(--clr-line);
}

.mgr-strategies__spec {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-size: var(--fs-micro);
  padding: 6px 0;
}

.mgr-strategies__spec-key { color: var(--clr-ink-soft); }
.mgr-strategies__spec-value { color: var(--clr-ink); font-weight: 600; text-align: right; }

.mgr-strategies__link {
  margin-top: auto;
  align-self: flex-start;
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--clr-navy);
  text-decoration: none;
  border-bottom: 2px solid var(--clr-orange);
  padding-bottom: 2px;
}
.mgr-strategies__link:hover { color: var(--clr-orange-deep); }

/* ==========================================================================
   10. Block: mgr-nri (investor note)
   ========================================================================== */
.mgr-nri { background: var(--clr-white); }

.mgr-nri__panel {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 40px;
  align-items: center;
  background: var(--clr-navy);
  border-radius: var(--radius);
  padding: 44px 48px;
}

.mgr-nri__heading { color: var(--clr-white); }
.mgr-nri__copy { color: #dfe5f5; margin-bottom: 0; }
.mgr-nri__copy a { color: var(--clr-white); text-decoration: underline; }
.mgr-nri__copy a:hover { color: #ffc178; }

.mgr-nri__actions { display: flex; flex-direction: column; gap: 14px; }

.mgr-nri__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 26px;
  border-radius: var(--radius);
  font-family: var(--font-display);
  font-weight: 600;
  text-decoration: none;
  background: var(--clr-orange);
  color: var(--clr-white);
  border: 2px solid var(--clr-orange);
  transition: background-color .2s ease, transform .2s ease;
}
.mgr-nri__cta:hover { background: var(--clr-orange-deep); border-color: var(--clr-orange-deep); color: var(--clr-white); transform: translateY(-2px); }

.mgr-nri__cta--outline { background: transparent; color: var(--clr-white); border-color: rgba(255,255,255,.6); }
.mgr-nri__cta--outline:hover { background: var(--clr-white); color: var(--clr-navy); border-color: var(--clr-white); }


/* ==========================================================================
   13. FAQ accordion — mgr-faq
   ========================================================================== */
.mgr-faq { background: var(--clr-panel); }

.mgr-faq__heading { margin-bottom: 8px; }
.mgr-faq__intro { max-width: 76ch; margin-bottom: 28px; }

.mgr-faq__list { max-width: 980px; }

.mgr-faq__entry {
  background: var(--clr-white);
  border: 1px solid var(--clr-line);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
}

.mgr-faq__entry.is-open { border-color: var(--clr-orange); }

.mgr-faq__question {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 20px 24px;
  font-family: var(--font-display);
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--clr-ink);
  line-height: 1.5;
}

.mgr-faq__question:hover { color: var(--clr-orange-deep); }

.mgr-faq__icon {
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  margin-top: 2px;
  border-radius: 50%;
  background: var(--clr-orange);
  color: var(--clr-white);
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  transition: transform .22s ease;
}

.mgr-faq__entry.is-open .mgr-faq__icon { transform: rotate(45deg); }

.mgr-faq__answer { display: none; padding: 0 24px 22px; }
.mgr-faq__answer p { font-size: var(--fs-micro); }

/* ==========================================================================
   11. Block: mgr-faq
   ========================================================================== * /
.mgr-faq { background: var(--clr-panel); }

.mgr-faq__list { margin-top: 32px; max-width: 980px; }

.mgr-faq__item {
  background: var(--clr-white);
  border: 1px solid var(--clr-line);
  border-radius: var(--radius);
  margin-bottom: 14px;
  overflow: hidden;
}

.mgr-faq__question { margin: 0; }

.mgr-faq__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: 20px 24px;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-display);
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--clr-ink);
  line-height: 1.45;
}
.mgr-faq__trigger:hover { color: var(--clr-orange-deep); }

.mgr-faq__icon {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--clr-orange);
  position: relative;
  transition: transform .25s ease, background-color .2s ease;
}
.mgr-faq__icon::before,
.mgr-faq__icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: var(--clr-white);
}
.mgr-faq__icon::before { width: 13px; height: 2px; }
.mgr-faq__icon::after  { width: 2px; height: 13px; transition: opacity .2s ease; }

.mgr-faq__trigger[aria-expanded="true"] .mgr-faq__icon { background: var(--clr-navy); }
.mgr-faq__trigger[aria-expanded="true"] .mgr-faq__icon::after { opacity: 0; }

.mgr-faq__answer { padding: 0 24px 22px; }
.mgr-faq__answer[hidden] { display: none; }
.mgr-faq__answer p { margin: 0; }

/* ==========================================================================
   12. Block: mgr-disclosure
   ========================================================================== * /
.mgr-disclosure { background: var(--clr-white); padding-top: 32px; }

.mgr-disclosure__note {
  border-top: 1px solid var(--clr-line);
  padding-top: 24px;
  font-size: var(--fs-micro);
  color: var(--clr-ink-soft);
  margin: 0;
}

/* ==========================================================================
   13. Responsive — Tablet / small laptop (769px – 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
  :root { --section-y: 48px; }

  .mgr-hero__layout { grid-template-columns: 240px 1fr; gap: 36px; }
  .mgr-hero__portrait-ring { width: 240px; height: 240px; }

  .mgr-credentials__grid,
  .mgr-accolades__grid,
  .mgr-strategies__grid { grid-template-columns: repeat(2, 1fr); }

  .mgr-nri__panel { padding: 36px; gap: 32px; }
}

/* ==========================================================================
   14. Responsive — Large mobile / tablet (431px – 768px)
   ========================================================================== */
@media (max-width: 768px) {
  :root { --section-y: 40px; --gutter: 18px; }

  .mgr-hero { padding-top: 36px; }
  .mgr-hero__layout { grid-template-columns: 1fr; gap: 28px; text-align: center; }
  .mgr-hero__portrait-ring { margin-inline: auto; }
  .mgr-hero__facts,
  .mgr-hero__actions { justify-content: center; }
  .mgr-hero__summary { margin-inline: auto; }

  .mgr-council__list { grid-template-columns: 1fr; }
  .mgr-nri__panel { grid-template-columns: 1fr; }
  .mgr-strategies__grid,
  .mgr-accolades__grid,
  .mgr-credentials__grid { grid-template-columns: 1fr; }

  /* Career table becomes stacked cards */
  .mgr-journey__table,
  .mgr-journey__body,
  .mgr-journey__row,
  .mgr-journey__period,
  .mgr-journey__cell { display: block; width: 100%; }

  .mgr-journey__head { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

  .mgr-journey__row {
    background: var(--clr-white);
    border: 1px solid var(--clr-line);
    border-left: 4px solid var(--clr-orange);
    border-radius: var(--radius);
    margin-bottom: 16px;
    padding: 6px 0;
  }
  .mgr-journey__row:nth-child(even) { background: var(--clr-white); }

  .mgr-journey__period,
  .mgr-journey__cell { border-top: 0; padding: 10px 20px; white-space: normal; }
  .mgr-journey__period { border-left: 0; }

  .mgr-journey__cell::before,
  .mgr-journey__period::before {
    content: attr(data-label);
    display: block;
    font-family: var(--font-display);
    font-size: var(--fs-micro);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--clr-orange-deep);
    margin-bottom: 4px;
  }
}

/* ==========================================================================
   15. Responsive — Mobile (max-width: 430px)
   ========================================================================== */
@media (max-width: 430px) {
  :root { --section-y: 34px; --gutter: 16px; }

  .mgr-hero__portrait-ring { width: 200px; height: 200px; padding: 8px; }
  .mgr-hero__cta,
  .mgr-nri__cta { width: 100%; }
  .mgr-hero__actions { flex-direction: column; width: 100%; }

  .mgr-credentials__card,
  .mgr-strategies__fund,
  .mgr-accolades__award { padding: 22px 20px; }

  .mgr-nri__panel { padding: 28px 22px; }
  .mgr-faq__trigger { padding: 18px; gap: 14px; }
  .mgr-faq__answer { padding: 0 18px 20px; }
  .mgr-strategies__spec { flex-direction: column; gap: 2px; }
  .mgr-strategies__spec-value { text-align: left; }
}

/* ==========================================================================
   16. Motion preferences
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .altport-manager * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* ==========================================================
   FUND MANAGER CONTENT STYLES
   Scope: .fund-manager-wrap
========================================================== */

.fund-manager-wrap{
    font-size:16px;
    line-height:1.7;
    color:var(--clr-ink-soft);
    word-wrap:break-word;
    overflow-wrap:break-word;
    /*background:#FAF7F2;*/
}

/* Typography
========================================================== */
/*
.fund-manager-wrap h1,
.fund-manager-wrap h2,
.fund-manager-wrap h3,
.fund-manager-wrap h4,
.fund-manager-wrap h5,
.fund-manager-wrap h6{
    margin:1.5em 0 .6em;
    font-weight:700;
    line-height:1.3;
    color:#111;
}

.fund-manager-wrap h1{font-size:2.5rem;}
.fund-manager-wrap h2{font-size:2rem;}
.fund-manager-wrap h3{font-size:1.75rem;}
.fund-manager-wrap h4{font-size:1.5rem;}
.fund-manager-wrap h5{font-size:1.25rem;}
.fund-manager-wrap h6{font-size:1.125rem;}

.fund-manager-wrap p{
    margin:0 0 1.25rem;
}
*/
.fund-manager-wrap strong{
    font-weight:700;
}

.fund-manager-wrap em,
.fund-manager-wrap i{
    font-style:italic;
}

.fund-manager-wrap u{
    text-decoration:underline;
}

.fund-manager-wrap mark{
    background:#fff3a3;
    padding:2px 4px;
}

.fund-manager-wrap small{
    font-size:.85em;
}

.fund-manager-wrap sub,
.fund-manager-wrap sup{
    font-size:75%;
}

.fund-manager-wrap hr{
    margin:2rem 0;
    border:none;
    border-top:1px solid #ddd;
}

/* Links
========================================================== */

.fund-manager-wrap a{
    color:#0056b3;
    text-decoration:underline;
    transition:.3s;
}

.fund-manager-wrap a:hover{
    color:#003d80;
}

/* Lists
========================================================== */

.fund-manager-wrap ul,
.fund-manager-wrap ol{
    margin:0 0 1.5rem 1.5rem;
    padding:0;
}

.fund-manager-wrap li{
    margin:.5rem 0;
}

.fund-manager-wrap ul ul,
.fund-manager-wrap ol ol,
.fund-manager-wrap ul ol,
.fund-manager-wrap ol ul{
    margin-top:.5rem;
}

/* Definition List
========================================================== */

.fund-manager-wrap dl{
    margin:0 0 1.5rem;
}

.fund-manager-wrap dt{
    font-weight:700;
}

.fund-manager-wrap dd{
    margin:0 0 1rem 1.5rem;
}

/* Blockquote
========================================================== */

.fund-manager-wrap blockquote{
   /* margin:2rem 0;
    padding:1.25rem 1.5rem;
    border-left:5px solid #0d6efd;
    background:#f8f9fa;
    font-style:italic;*/
    margin-top: 26px;
    /*border-left: 4px solid var(--clr-orange);
    background: var(--clr-panel);
    border-radius: 0 var(--radius) var(--radius) 0;*/
    padding: 20px 24px;

    border: 1px solid #E6E2DB;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(26, 43, 60, .06);
    background: linear-gradient(135deg, #fff 0%, #FFF4EA 100%);


}

.fund-manager-wrap blockquote p:last-child{
    margin-bottom:0;
}

.fund-manager-wrap cite{
    display:block;
    margin-top:.75rem;
    font-size:.9rem;
    color:#666;
}

/* Code
========================================================== */

.fund-manager-wrap code,
.fund-manager-wrap kbd,
.fund-manager-wrap pre,
.fund-manager-wrap samp{
    font-family:Consolas, Monaco, monospace;
}

.fund-manager-wrap code,
.fund-manager-wrap kbd{
    background:#f4f4f4;
    padding:2px 5px;
    border-radius:4px;
}

.fund-manager-wrap pre{
    background:#222;
    color:#fff;
    padding:20px;
    overflow:auto;
    border-radius:6px;
    margin-bottom:1.5rem;
}

.fund-manager-wrap pre code{
    background:none;
    padding:0;
    color:inherit;
}

/* Table
========================================================== */

.fund-manager-wrap table{
    /*width:100%;
    border-collapse:collapse;*/
    margin:2rem 0;
    overflow-x:auto;

    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    background: var(--clr-white);
    /*font-size: var(--fs-micro);*/
    font-size: var(--fs-body);
}

.fund-manager-wrap table tr:first-child td,
.fund-manager-wrap th{
  text-align: left;
    font-family: var(--font-display);
    font-size: var(--fs-micro);

    font-weight: 700;
    color: var(--clr-white);
    background: var(--clr-navy);
    padding: 15px 20px;
    white-space: nowrap;
}
.fund-manager-wrap table tr:first-child td p{color:#fff;}
.fund-manager-wrap td{
    border:1px solid #ddd;
    padding:12px;
    text-align:left;
}

.fund-manager-wrap thead{
    background:#f5f5f5;
}

.fund-manager-wrap tbody tr:nth-child(even){
    background:#fafafa;
}

/* Images
========================================================== */

.fund-manager-wrap img{
    max-width:100%;
    height:auto;
    display:block;
    border-radius:6px;
}

.fund-manager-wrap figure{
    margin:2rem 0;
}

.fund-manager-wrap figcaption{
    margin-top:10px;
    text-align:center;
    color:#666;
    font-size:.9rem;
}

.fund-manager-wrap iframe,
.fund-manager-wrap video{
    width:100%;
    max-width:100%;
    border:0;
}

/* Gallery
========================================================== */

.fund-manager-wrap .gallery{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.fund-manager-wrap .gallery img{
    width:calc(33.333% - 14px);
}

/* Audio / Video
========================================================== */

.fund-manager-wrap audio,
.fund-manager-wrap video{
    margin:1.5rem 0;
}

/* Buttons
========================================================== */

.fund-manager-wrap button,
.fund-manager-wrap input[type="submit"],
.fund-manager-wrap input[type="button"],
.fund-manager-wrap .button{
    display:inline-block;
    padding:12px 24px;
    border:none;
    background:#0056b3;
    color:#fff;
    text-decoration:none;
    cursor:pointer;
    border-radius:4px;
    transition:.3s;
}

.fund-manager-wrap button:hover,
.fund-manager-wrap input[type="submit"]:hover,
.fund-manager-wrap input[type="button"]:hover,
.fund-manager-wrap .button:hover{
    background:#003f82;
}

.fund-manager-wrap button:disabled{
    opacity:.6;
    cursor:not-allowed;
}

/* Forms
========================================================== */

.fund-manager-wrap form{
    margin:2rem 0;
}

.fund-manager-wrap label{
    display:block;
    margin-bottom:6px;
    font-weight:600;
}

.fund-manager-wrap input[type="text"],
.fund-manager-wrap input[type="email"],
.fund-manager-wrap input[type="password"],
.fund-manager-wrap input[type="tel"],
.fund-manager-wrap input[type="url"],
.fund-manager-wrap input[type="number"],
.fund-manager-wrap input[type="date"],
.fund-manager-wrap select,
.fund-manager-wrap textarea{
    width:100%;
    padding:12px;
    border:1px solid #ccc;
    border-radius:4px;
    margin-bottom:15px;
    font-size:16px;
    box-sizing:border-box;
}

.fund-manager-wrap textarea{
    min-height:140px;
    resize:vertical;
}

.fund-manager-wrap input[type="checkbox"],
.fund-manager-wrap input[type="radio"]{
    margin-right:8px;
}

/* Address
========================================================== */

.fund-manager-wrap address{
    padding:20px;
    background:#f8f8f8;
    border-left:4px solid #0056b3;
    font-style:normal;
}

/* Misc
========================================================== */

.fund-manager-wrap q{
    quotes:"“" "”";
}

.fund-manager-wrap abbr{
    cursor:help;
}

.fund-manager-wrap acronym{
    cursor:help;
}

.fund-manager-wrap var{
    font-style:italic;
}

.fund-manager-wrap svg{
    max-width:100%;
    height:auto;
}

/* Responsive
========================================================== */

@media (max-width:768px){

    .fund-manager-wrap{
        font-size:15px;
    }

    /*.fund-manager-wrap h1{font-size:2rem;}
    .fund-manager-wrap h2{font-size:1.75rem;}
    .fund-manager-wrap h3{font-size:1.5rem;}
    .fund-manager-wrap h4{font-size:1.3rem;}
    .fund-manager-wrap h5{font-size:1.15rem;}
    .fund-manager-wrap h6{font-size:1rem;}*/

    .fund-manager-wrap table{
        display:block;
        overflow-x:auto;
        min-width: auto;
        white-space:nowrap;
    }

    .fund-manager-wrap .gallery img{
        width:calc(50% - 10px);
    }
}

@media (max-width:480px){

    .fund-manager-wrap .gallery img{
        width:100%;
    }
}