/* Membership details are confined to each site's About page. */
#professional-membership-details {
  box-sizing: border-box; width: min(100%, 70rem); max-width: 100%;
  margin: 2.5rem auto; padding: clamp(1.25rem, 3vw, 2.25rem);
  background: #f5f1e7; color: #173c34; border-block: 1px solid #bfc3b4;
  text-align: center; scroll-margin-top: 7rem;
}
#professional-membership-details *, #professional-membership-details *::before, #professional-membership-details *::after { box-sizing: border-box; }
#professional-membership-details .pm-heading {
  margin: 0 auto 1rem; font-family: inherit; font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 600; line-height: 1.25; letter-spacing: normal; color: #173c34;
}
#professional-membership-details .pm-intro { max-width: 48rem; margin: 0 auto 1.75rem; font-size: 1rem; line-height: 1.6; color: #334d46; }
#professional-membership-details .pm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 1.5rem; margin: 0; padding: 0; list-style: none; }
#professional-membership-details .pm-item { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 0; margin: 0; padding: 0; }
#professional-membership-details .pm-mark { display: flex; align-items: center; justify-content: center; width: 100%; height: 220px; margin: 0 0 1rem; padding: 0; border: 0; text-decoration: none; color: #173c34; }
#professional-membership-details .pm-mark img { display: block; height: auto; max-width: 100%; max-height: 220px; width: auto; margin: 0; object-fit: contain; filter: none; opacity: 1; transform: none; border: 0; border-radius: 0; }
#professional-membership-details .pm-mark--acb img { width: 190px; }
#professional-membership-details .pm-mark--oha img { width: 220px; }
#professional-membership-details .pm-name { margin: 0; max-width: 22rem; font-size: 1rem; line-height: 1.5; font-weight: 600; }
#professional-membership-details .pm-name a, #professional-membership-details .pm-oaa-name { color: #173c34; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
#professional-membership-details .pm-oaa-name { display: inline-block; max-width: 15rem; padding: .5rem; font-size: clamp(1.3rem, 2vw, 1.65rem); font-weight: 600; line-height: 1.35; }
#professional-membership-details .pm-role { min-height: 1.5rem; margin: .35rem 0 0; font-size: .95rem; font-weight: 400; line-height: 1.5; color: #334d46; }
#professional-membership-details .pm-disclaimer { margin: 1.75rem auto 0; padding-top: 1.15rem; max-width: 55rem; border-top: 1px solid #bfc3b4; color: #334d46; font-size: .92rem; line-height: 1.55; }
#professional-membership-details a:hover { text-decoration-thickness: 2px; }
#professional-membership-details a:focus-visible { outline: 3px solid #173c34; outline-offset: 5px; }
@media (max-width: 760px) {
  #professional-membership-details .pm-grid { grid-template-columns: 1fr; gap: 1.75rem; }
  #professional-membership-details .pm-item + .pm-item { padding-top: 1.75rem; border-top: 1px solid #bfc3b4; }
  #professional-membership-details .pm-mark { height: auto; min-height: 0; }
  #professional-membership-details .pm-item--oaa { padding-bottom: .5rem; }
  #professional-membership-details .pm-oaa-name { max-width: 20rem; font-size: 1.45rem; }
}