/* Walker – Related People (scoped by mode; responsive; corrected) */

/* ---------- Shared Basics ---------- */
.wkpe-wrap { margin: 1rem 0 2rem; }
.wkpe-card { background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.04); transition:box-shadow .2s ease; }
.wkpe-card:hover { box-shadow:0 3px 12px rgba(0,0,0,.08); }
.wkpe-card a { text-decoration:none; color:inherit; }
.wkpe-media img { display:block; width:100%; height:auto; aspect-ratio: 16 / 10; object-fit: cover; }
.wkpe-media--circle { display:block; padding:1rem 1rem 0; }
.wkpe-media--circle img { width:180px; height:180px; border-radius:50%; object-fit:cover; display:block; margin: 0 auto; }
.wkpe-body { padding:1rem; text-align:left; }
.wkpe-name { margin:.9rem 0 .2rem 0; font-size:1.06rem; line-height:1.2; }
.wkpe-name a { color: var(--wc-teal, #00A5B1); }
.wkpe-title { color:#444; font-size:.95rem; }

/* Buttons (WPRP look) */
.wkpe-actions { display:flex; flex-direction:column; gap:.55rem; margin-top:.25rem; }
.wkpe-row {
  display:flex; align-items:center; gap:.55rem;
  background:#f8f8f8; border:1px solid #e4e4e4; border-radius:8px;
  padding:.6rem .8rem; color:#222;
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.wkpe-row:hover, .wkpe-row:focus-visible { background:#efefef; box-shadow:0 2px 6px rgba(0,0,0,0.08); transform: translateY(-2px); outline:none; }
.wkpe-row:active { transform: translateY(0); box-shadow:0 1px 2px rgba(0,0,0,0.06); }
.wkpe-ic { width:18px; height:18px; flex:0 0 18px; color:#666; transition: color .18s ease; }
.wkpe-row:hover .wkpe-ic { color:#333; }

/* Inline "Learn More" for snippets */
.wkpe-more { margin-top:.7rem; text-align:left; }
.wkpe-bio { display:inline; margin:0; color:#333; }
.wkpe-learn { display:inline-block; margin-left:.5rem; text-decoration: underline; color: var(--wc-teal, #00A5B1); }

/* List cards */
.wkpe-list-item { max-width:400px; margin:0 auto .75rem; padding:1rem; background:#f8f8f8; border:1px solid #e4e4e4; border-radius:10px; transition:background .2s ease, box-shadow .2s ease, transform .2s ease; }
.wkpe-list-item:hover { background:#efefef; box-shadow:0 2px 6px rgba(0,0,0,0.08); transform:translateY(-2px); }
.wkpe-list-item .wkpe-link { color: var(--wc-teal, #00A5B1); font-weight:600; }
.wkpe-list-title { color:#555; }
.wkpe-list-icons { display:flex; gap:.5rem; margin-top:.35rem; }
.wkpe-icon-btn { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:6px; background:#fff; border:1px solid #dcdcdc; transition: background .2s ease, transform .2s ease; }
.wkpe-icon-btn:hover { background:#ddd; transform:translateY(-1px); }
.wkpe-icon-btn svg { width:18px; height:18px; color:#555; }

/* ===========================================================
   MODE-SCOPED LAYOUTS
   =========================================================== */

/* Grid Small */
.wkpe-mode-grid_small { display:flex; justify-content:center; }
.wkpe-mode-grid_small .wkpe-track {
  display:grid; justify-content:center; gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(220px,250px));
  width:100%; max-width:100%;
}
.wkpe-mode-grid_small .wkpe-card { width:100%; max-width:250px; }

/* Grid Large (min 350 / max 400) */
.wkpe-mode-grid_large { display:flex; justify-content:center; }
.wkpe-mode-grid_large .wkpe-track {
  display:grid;
  justify-content:center;
  gap:1rem;
  grid-template-columns: repeat(auto-fit, minmax(350px, 400px));
  width:100%;
  max-width:100%;
}
.wkpe-mode-grid_large .wkpe-card {
  width:100%;
  min-width:350px;
  max-width:400px;
}

}
.wkpe-mode-grid_large .wkpe-card { width:100%; min-width:350px; max-width:560px; }

/* Profile Small (max 400) — stacked sequence: circle image → name/title → buttons → snippet */
.wkpe-mode-profile_small { display:flex; justify-content:center; }
.wkpe-mode-profile_small .wkpe-track { display:grid; justify-content:center; gap:1.2rem; grid-template-columns:repeat(auto-fit,minmax(320px,400px)); width:100%; max-width:100%; }
.wkpe-mode-profile_small .wkpe-card { width:100%; max-width:400px; }

/* Profile Large — head row responsive, full bio padded */
.wkpe-mode-profile_large .wkpe-track { display:block; }
.wkpe-mode-profile_large .wkpe-card { min-width:500px; max-width:1000px; margin:0 auto 1rem; }
.wkpe-profile-head { display:flex; flex-direction:column; gap:1rem; padding-top:.75rem; }
@media (min-width: 600px){
  .wkpe-profile-head { flex-direction:row; align-items:flex-start; }
  .wkpe-profile-left  { flex:0 0 220px; }
  .wkpe-profile-right { flex:1; }
}
.wkpe-bio--full { color:#333; text-align:left; }

/* List */
.wkpe-mode-list .wkpe-track { display:block; }

/* Shared hover */
.wkpe-card a:hover { opacity:.88; }