/* ==========================================================================
   PRACTITIONER BIO (widget: aumtm_bio)
   A short version on the home page, the full one on the about page.
   ========================================================================== */

.aumtm-bio__grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.aumtm-bio__portrait { position: relative; }
.aumtm-bio__portrait .aumtm-figure { aspect-ratio: 3 / 4; }
/* Decorative square behind the portrait */
.aumtm-bio__portrait::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: -1.25rem;
  width: 60%;
  height: 60%;
  border: 2px solid var(--aumtm-cyan);
  border-radius: var(--aumtm-radius);
  z-index: -1;
}

.aumtm-bio__name { font-size: var(--aumtm-fs-h2); }
.aumtm-bio__role {
  margin-top: 0.5rem;
  font-size: var(--aumtm-fs-sm);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--aumtm-blue);
}
.aumtm-bio__text { margin-top: 1.5rem; }
.aumtm-bio__text > * + * { margin-top: 1.125rem; }

/* ---------- Credentials ---------- */
.aumtm-bio__creds {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  border-top: 1px solid var(--aumtm-line);
}
.aumtm-bio__creds li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: var(--aumtm-fs-sm);
}
.aumtm-bio__creds svg {
  width: 17px; height: 17px; flex: none; margin-top: 0.35em;
  stroke: var(--aumtm-cyan); fill: none; stroke-width: 2;
}

.aumtm-bio__btns { margin-top: 2rem; }

@media (max-width: 860px) {
  .aumtm-bio__grid { grid-template-columns: 1fr; }
  .aumtm-bio__portrait { max-width: 22rem; }
}