/* Shared layout for both leadership lists. Typography belongs to Prototype 6. */
.ld-page { --ld-card-active:#065BAA; }
.ld-gallery { position:relative; isolation:isolate; padding:32px 0 68px; background:var(--og-surface-soft); }
.ld-gallery::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url("graphics/ci-flow-lines.svg") right bottom / min(720px,80%) 160px no-repeat; opacity:.14; }
.ld-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:minmax(0,1fr); gap:36px 22px; }
.ld-grid>li { min-width:0; display:flex; }
.ld-card { min-width:0; width:100%; display:flex; flex-direction:column; color:var(--tank-blue); text-decoration:none; -webkit-tap-highlight-color:transparent; }
.ld-portrait { display:block; width:100%; aspect-ratio:4/5; flex:none; background:#dedede url("graphics/avatar-placeholder.svg") center / cover no-repeat; }
.ld-card__panel { position:relative; isolation:isolate; flex:1; margin:-22px 0 0 16px; padding:22px 20px 18px; display:flex; flex-direction:column; min-height:170px; background:#fff; box-shadow:0 5px 18px rgba(16,53,88,.06); transition:background-color .22s,color .22s,box-shadow .22s; }
.ld-card__panel::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url("graphics/ci-wave.svg") right bottom / 100% 44px no-repeat; opacity:.055; transition:opacity .22s; }
.ld-card__name { margin:0 0 10px; color:inherit; text-wrap:balance; overflow-wrap:anywhere; }
.ld-card__role { margin:0; color:#5d6d82; transition:color .22s; }
.ld-card__cue { display:flex; justify-content:flex-end; align-items:center; padding-top:20px; margin-top:auto; color:var(--infra-blue); }
.ld-card__cue .ui-icon { width:24px; height:24px; transition:transform .22s; }
.ld-card:focus-visible { outline:3px solid var(--infra-blue); outline-offset:6px; }
.ld-card:focus-visible .ld-card__panel,.ld-card:active .ld-card__panel { background-color:var(--ld-card-active); color:#fff; box-shadow:0 8px 22px rgba(16,53,88,.16); }
.ld-card:focus-visible .ld-card__role,.ld-card:active .ld-card__role { color:#e0effc; }
.ld-card:focus-visible .ld-card__cue,.ld-card:active .ld-card__cue { color:#fff; }
.ld-card:focus-visible .ld-card__panel::before,.ld-card:active .ld-card__panel::before { opacity:.28; }
@media(hover:hover) {
  .ld-card:hover .ld-card__panel { background-color:var(--ld-card-active); color:#fff; box-shadow:0 8px 22px rgba(16,53,88,.16); }
  .ld-card:hover .ld-card__role { color:#e0effc; }
  .ld-card:hover .ld-card__cue { color:#fff; }
  .ld-card:hover .ld-card__panel::before { opacity:.28; }
  .ld-card:hover .ld-card__cue .ui-icon { transform:translateX(4px); }
}
.ld-end { position:relative; isolation:isolate; background:#e7f3fc; padding:38px 0; }
.ld-end::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url("graphics/ci-flow-lines.svg") right bottom / min(560px,70%) 100% no-repeat; opacity:.28; }
.ld-end__inner { display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:24px; }
.ld-end h2 { margin:0; }
.ld-end .text-action { display:inline-flex; align-items:center; gap:20px; }
.ld-end .text-action>span:first-child { min-width:0; }
.ld-end .ui-icon { flex:none; }
.ld-profile { padding:40px 0 64px; }
.ld-back { display:inline-flex; align-items:center; gap:14px; margin-bottom:32px; }
.ld-profile__grid { display:grid; gap:32px; }
.ld-profile__grid[hidden] { display:none; }
.ld-profile__portrait { align-self:start; }
.ld-profile__copy { padding:24px 0; min-width:0; }
.ld-profile__copy h2 { margin:0 0 18px; }
.ld-profile__section { border-top:1px solid var(--line); margin-top:28px; padding-top:24px; }
.ld-profile__section h3 { margin:0 0 14px; color:var(--infra-blue); }
.ld-profile__pending { margin:0; color:#7c8795; }
@media(min-width:600px) {
  .ld-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ld-profile__grid { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:48px; }
}
@media(min-width:1000px) {
  .ld-gallery { padding:38px 0 82px; }
  .ld-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .ld-grid--5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ld-end__inner { flex-direction:row; align-items:center; }
  .ld-end h2 { max-width:60%; }
}
@media(min-width:1200px) { .ld-grid--5 { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .ld-card * { transition:none!important; } }