.leadership-directory {
    background: radial-gradient(circle at 12% 8%, rgba(201, 168, 76, .09), transparent 28rem), var(--surface, #f5f7f8);
}
.leadership-tabs {
    display: flex; gap: 8px; margin-bottom: 48px; padding: 7px; overflow-x: auto;
    border: 1px solid var(--line, #dbe2e7); border-radius: 16px; background: rgba(255, 255, 255, .82);
    box-shadow: 0 15px 45px rgba(7, 24, 42, .07); scrollbar-width: thin;
}
.leadership-tabs a {
    flex: 1 0 auto; min-height: 50px; display: grid; place-items: center; padding: 10px 22px;
    border-radius: 11px; color: var(--muted, #637180); font-size: .77rem; font-weight: 800;
    letter-spacing: .03em; transition: color .2s, background .2s, box-shadow .2s;
}
.leadership-tabs a:hover { color: var(--navy-800, #0b2942); background: rgba(17, 74, 113, .06); }
.leadership-tabs a.active { color: #fff; background: linear-gradient(135deg, #123f62, #071b2d); box-shadow: 0 9px 24px rgba(5, 26, 43, .2); }
.leadership-section-head {
    max-width: 1040px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .75fr);
    gap: 45px; align-items: end; margin: 0 auto 52px;
}
.leadership-section-head h2 { margin: 7px 0 0; font-size: clamp(2.2rem, 4.7vw, 4.2rem); }
.leadership-section-head p { margin: 0; color: var(--muted, #637180); line-height: 1.75; }
.leadership-tree-wrap { width: 100%; overflow-x: auto; padding: 8px 10px 42px; scrollbar-width: thin; }
.leadership-tree-level {
    position: relative; width: max-content; min-width: 100%; box-sizing: border-box; display: flex; justify-content: center; gap: 28px;
    margin: 0 auto; padding: 32px 0 0; list-style: none;
}
.leadership-tree-wrap > .leadership-tree-level { padding-top: 0; }
.leadership-tree-item { position: relative; display: flex; flex-direction: column; align-items: center; padding: 32px 4px 0; }
.leadership-tree-wrap > .leadership-tree-level > .leadership-tree-item { padding-top: 0; }
.leadership-tree-item::before, .leadership-tree-item::after {
    content: ''; position: absolute; top: 0; width: calc(50% + 14px); height: 32px;
    border-top: 1px solid rgba(31, 78, 111, .34);
}
.leadership-tree-item::before { right: 50%; border-right: 1px solid rgba(31, 78, 111, .34); }
.leadership-tree-item::after { left: 50%; border-left: 1px solid rgba(31, 78, 111, .34); }
.leadership-tree-item:first-child::before, .leadership-tree-item:last-child::after { border-top-color: transparent; }
.leadership-tree-item:only-child::before, .leadership-tree-item:only-child::after,
.leadership-tree-wrap > .leadership-tree-level > .leadership-tree-item::before,
.leadership-tree-wrap > .leadership-tree-level > .leadership-tree-item::after { display: none; }
.leadership-tree-item > .leadership-tree-level::before {
    content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 32px; background: rgba(31, 78, 111, .34);
}
.leadership-person-card {
    position: relative; z-index: 2; width: 270px; min-height: 245px; overflow: hidden;
    border: 1px solid rgba(28, 68, 96, .16); border-radius: 19px; background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 48px rgba(7, 27, 44, .09); text-align: center;
    transition: transform .22s, box-shadow .22s, border-color .22s;
}
.leadership-person-card:hover { transform: translateY(-4px); border-color: rgba(201, 168, 76, .7); box-shadow: 0 26px 58px rgba(7, 27, 44, .14); }
.leadership-person-photo {
    height: 112px; display: grid; place-items: center; overflow: hidden; color: rgba(255, 255, 255, .8);
    background: radial-gradient(circle at 50% 25%, rgba(43, 104, 145, .9), transparent 55%), linear-gradient(145deg, #123b5c, #071a2b);
}
.leadership-person-photo::after {
    content: ''; position: absolute; top: 100px; left: 50%; width: 34px; height: 3px;
    border-radius: 4px; background: var(--gold-500, #c9a84c); transform: translateX(-50%);
}
.leadership-person-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.leadership-person-photo .icon { width: 42px; height: 42px; }
.leadership-person-copy { padding: 25px 21px 23px; }
.leadership-person-copy span {
    display: block; margin-bottom: 7px; color: #92752b; font-size: .61rem; font-weight: 900;
    letter-spacing: .11em; text-transform: uppercase;
}
.leadership-person-copy h2 { margin: 0; color: var(--heading, #0a2136); font-family: var(--sans); font-size: 1.08rem; line-height: 1.25; }
.leadership-person-copy p { margin: 10px 0 0; color: var(--muted, #637180); font-size: .74rem; line-height: 1.55; }
.leadership-tree-item.is-primary > .leadership-person-card {
    width: 320px; border-color: rgba(201, 168, 76, .62); box-shadow: 0 25px 65px rgba(5, 25, 42, .17);
}
.leadership-tree-item.is-primary > .leadership-person-card::before {
    content: 'DEPARTMENT COMMAND'; position: absolute; z-index: 3; top: 11px; left: 50%; padding: 5px 10px;
    border-radius: 30px; color: #f3d77e; background: rgba(3, 19, 32, .78); font-size: .51rem;
    font-weight: 900; letter-spacing: .12em; transform: translateX(-50%);
}
.leadership-empty {
    max-width: 680px; margin: 25px auto; padding: 58px 30px; border: 1px dashed rgba(33, 77, 107, .3);
    border-radius: 20px; background: rgba(255, 255, 255, .58); text-align: center;
}
.leadership-empty .icon { width: 40px; height: 40px; color: var(--gold-500, #c9a84c); }
.leadership-empty h2 { margin: 18px 0 7px; }
.leadership-empty p { margin: 0; color: var(--muted, #637180); }
[data-theme='dark'] .leadership-directory { background: radial-gradient(circle at 12% 8%, rgba(201, 168, 76, .08), transparent 30rem), #061421; }
[data-theme='dark'] .leadership-tabs, [data-theme='dark'] .leadership-person-card, [data-theme='dark'] .leadership-empty {
    border-color: rgba(155, 184, 205, .18); background: rgba(12, 35, 53, .94);
}
[data-theme='dark'] .leadership-tabs a { color: #aebdca; }
[data-theme='dark'] .leadership-tabs a:hover { color: #eef5f9; background: rgba(255, 255, 255, .06); }
[data-theme='dark'] .leadership-tabs a.active { color: #fff; background: linear-gradient(135deg, #1a5b87, #0a2943); }
[data-theme='dark'] .leadership-section-head h2, [data-theme='dark'] .leadership-person-copy h2, [data-theme='dark'] .leadership-empty h2 { color: #eef5f9; }
[data-theme='dark'] .leadership-section-head p, [data-theme='dark'] .leadership-person-copy p, [data-theme='dark'] .leadership-empty p { color: #aabac7; }
[data-theme='dark'] .leadership-person-copy span { color: #dfc46d; }
[data-theme='dark'] .leadership-tree-item::before, [data-theme='dark'] .leadership-tree-item::after { border-color: rgba(137, 174, 200, .34); }
[data-theme='dark'] .leadership-tree-item:first-child::before, [data-theme='dark'] .leadership-tree-item:last-child::after { border-top-color: transparent; }
[data-theme='dark'] .leadership-tree-item > .leadership-tree-level::before { background: rgba(137, 174, 200, .34); }
@media (max-width: 760px) {
    .leadership-tabs { margin-bottom: 35px; }
    .leadership-tabs a { min-height: 46px; padding-inline: 17px; }
    .leadership-section-head { grid-template-columns: 1fr; gap: 14px; margin-bottom: 35px; }
    .leadership-tree-wrap { overflow: visible; padding-inline: 0; }
    .leadership-tree-level, .leadership-tree-item { min-width: 0; display: grid; gap: 14px; padding: 0; }
    .leadership-tree-level { width: 100%; }
    .leadership-tree-item { margin: 0; }
    .leadership-tree-item > .leadership-tree-level { margin: 0 0 8px 20px; padding-left: 15px; border-left: 1px solid rgba(31, 78, 111, .3); }
    .leadership-tree-item::before, .leadership-tree-item::after, .leadership-tree-item > .leadership-tree-level::before { display: none; }
    .leadership-person-card, .leadership-tree-item.is-primary > .leadership-person-card {
        width: 100%; min-height: 0; display: grid; grid-template-columns: 92px 1fr; text-align: left;
    }
    .leadership-person-photo { height: 100%; min-height: 125px; }
    .leadership-person-photo::after { display: none; }
    .leadership-person-copy { align-self: center; padding: 20px; }
    .leadership-tree-item.is-primary > .leadership-person-card::before { left: 13px; transform: none; }
}
@media (max-width: 430px) {
    .leadership-person-card, .leadership-tree-item.is-primary > .leadership-person-card { grid-template-columns: 78px 1fr; border-radius: 14px; }
    .leadership-person-photo { min-height: 118px; }
    .leadership-person-copy { padding: 17px 15px; }
    .leadership-person-copy h2 { font-size: .98rem; }
    .leadership-person-copy p { font-size: .69rem; }
}
