/* ==========================================================================
   Package W1 — The Melchizedek Priesthood Institute (/institute,
   /institute/instructors/{slug}, instructors on /courses/{slug}).
   Horizon design-system tokens only; no gold. Builds on 08-pages.css
   (.pg-feature .pg-profile .pg-ph .pg-head .pg-stretch).
   ========================================================================== */
.inst-empty{margin-top:8px}
.inst-pathway{align-items:start}
.inst-pathway .btn{margin-top:10px}
.section.navy .steps .actions{padding-left:68px;margin-top:6px}

/* Feature cards on the landing */
.inst-where .pg-feature p{color:var(--kgf-slate-500)}
.inst-more{align-items:stretch}
.inst-more .pg-feature{display:flex;flex-direction:column;align-items:flex-start}
.inst-more .pg-feature p{margin-bottom:20px}
.inst-more .pg-feature .btn{margin-top:auto}

/* People (landing) */
.inst-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,24px)}
.inst-person{position:relative;display:flex;align-items:center;gap:18px;padding:20px;min-height:44px;
  border:1px solid var(--kgf-line);border-radius:var(--kgf-radius-lg);background:#fff;box-shadow:var(--kgf-shadow-sm);
  color:var(--kgf-ink);text-decoration:none!important;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.inst-person:hover{box-shadow:var(--kgf-shadow);transform:translateY(-3px);border-color:var(--kgf-blue-200)}
.inst-person:focus-visible{outline:none;box-shadow:var(--kgf-ring),var(--kgf-shadow)}
.inst-person-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.inst-person .pg-arrow{margin-top:8px;font-size:.84rem}
.inst-photo{flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;overflow:hidden;
  background:linear-gradient(150deg,var(--kgf-navy-900),var(--kgf-blue-700));color:var(--kgf-blue-200);
  font-family:var(--kgf-font-display);font-size:1.6rem;font-weight:500;
  border:3px solid #fff;box-shadow:0 0 0 1px var(--kgf-blue-200)}
.inst-photo img{width:100%;height:100%;object-fit:cover}
.inst-name{font-family:var(--kgf-font-display);font-weight:600;font-size:1.2rem;color:var(--kgf-navy-900);line-height:1.25}
.inst-role{color:var(--kgf-slate-500);font-size:.88rem}

/* Profile page (.pg-profile) */
.inst-profile{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
@media (max-width:900px){.inst-profile{grid-template-columns:1fr}}
.inst-portrait-empty span{font-family:var(--kgf-font-display);font-size:clamp(3.5rem,8vw,5.5rem);font-weight:500;color:var(--kgf-blue-200);letter-spacing:.02em}
.inst-profile-body h2{margin:12px 0 14px}
.inst-bio{font-size:1.04rem}
.inst-teaches .card-body{display:flex;flex-direction:column;gap:12px;height:100%}
.inst-teaches h3{margin:0}
.inst-teaches .pg-arrow{margin-top:auto;padding-top:8px}
.inst-teaches-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.inst-teaches-top .pill{margin:0}

/* On a course page (/courses/{slug}) */
.inst-course-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.inst-course-list a{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px;margin:0 -8px;border-radius:var(--kgf-radius);color:var(--kgf-navy-900);text-decoration:none!important;transition:background .15s ease}
.inst-course-list a:hover{background:var(--kgf-blue-50)}
.inst-course-list a:hover .inst-name{color:var(--kgf-blue-600)}
.inst-course-list .inst-photo{width:52px;height:52px;font-size:1rem;border-width:2px}
.inst-course-list .inst-name{margin:0;font-size:1.05rem}
.inst-course-list .inst-role{display:block;font-size:.82rem}

@media (max-width:760px){
  .section.navy .steps .actions{padding-left:0}
  .inst-profile > .photo{max-width:380px}
}
@media (prefers-reduced-motion:reduce){
  .inst-person{transition:none}
  .inst-person:hover{transform:none}
}