/* Purpose-built compact organizational chart page; does not affect SK Duty posters. */
.leaders-compact .page-top{height:78px;margin-bottom:28px}
.leaders-compact .leaders-heading{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.leaders-compact .leaders-heading .eyebrow{font-size:10px;letter-spacing:1.5px;color:#6f8ab0;font-weight:800}
.leaders-compact .leaders-heading h1{font-size:clamp(22px,2.2vw,32px);letter-spacing:-1px;color:#1b3864;line-height:1.2;margin:0}
.leaders-compact .leaders-heading p{font-size:12px;line-height:1.6;color:#667d9d;margin:0}
.leaders-compact .leaders-chart-section{border:1px solid #dce6f3;background:#fff;border-radius:18px;padding:14px 24px 22px;box-shadow:0 4px 18px #193a6007;margin:0}
.leaders-compact .org-chart{margin:4px auto 0;max-width:1060px}
.leaders-compact .org-lead{padding-bottom:18px}
.leaders-compact .org-lead:after{height:18px}
.leaders-compact .org-tier{padding:14px 0 2px}
.leaders-compact .org-tier:before{height:12px}
.leaders-compact .org-tier+.org-tier{margin-top:16px}
.leaders-compact .org-tier+.org-tier:after{height:18px;top:-18px}
.leaders-compact .org-tier-heading{margin-bottom:10px;gap:2px}
.leaders-compact .org-tier-heading h3{font-size:13px;margin:0}
.leaders-compact .org-tier-heading span{font-size:9px}
.leaders-compact .org-tier-grid{gap:10px}
.leaders-compact .org-card{gap:5px;border-radius:13px;padding:12px 8px;box-shadow:0 2px 10px #18365609}
.leaders-compact .org-card strong{font-size:12px}
.leaders-compact .org-card small{font-size:10px}
.leaders-compact .org-chair{width:170px;padding:13px 10px}
.leaders-compact .org-chair .officer-portrait{width:62px;height:72px;border-radius:11px}
.leaders-compact .org-tier-grid>.org-card{width:160px}
.leaders-compact .org-tier-grid .officer-portrait{width:52px;height:61px;border-radius:10px}
.leaders-compact #leaders-directory>.trans-empty{padding:35px 12px}
.leaders-compact .portal-footer{margin-top:12px}
@media(max-width:850px){
 .leaders-compact .page-top{height:auto;min-height:49px;margin-bottom:15px}
 .leaders-compact .leaders-chart-section{padding:12px 14px 18px}
 .leaders-compact .org-tier-grid>.org-card{width:calc(33.33% - 8px);max-width:none}
}
@media(max-width:690px){
 .leaders-compact .leaders-heading h1{font-size:23px}
 .leaders-compact .leaders-heading p{font-size:12px}
 .leaders-compact .org-chart{margin:10px 0 0}
 .leaders-compact .org-lead{padding:0 0 16px 18px}
 .leaders-compact .org-lead:after{bottom:36px}
 .leaders-compact .org-tier{padding:9px 0 9px 18px}
 .leaders-compact .org-tier:before{top:31px;width:18px}
 .leaders-compact .org-tier+.org-tier{margin-top:8px}
 .leaders-compact .org-tier-grid>.org-card{width:calc(50% - 5px)}
 .leaders-compact .org-card{padding:11px 8px}
}
@media(max-width:390px){
 .leaders-compact .org-tier-grid>.org-card{width:100%}
 .leaders-compact .org-card{flex-direction:row;gap:14px;text-align:left;justify-content:flex-start}
}


/* Phone-first SK hierarchy: complete two-column grid, compact connected tiers.
   These final rules intentionally override the earlier 390px single-column layout. */
@media(max-width:690px){
 .leaders-compact .leaders-heading{gap:7px;margin:2px 0 13px}
 .leaders-compact .leaders-heading h1{font-size:clamp(22px,5.5vw,27px);line-height:1.27}
 .leaders-compact .leaders-heading p{font-size:12px;line-height:1.65}
 .leaders-compact .leaders-chart-section{padding:16px 12px 18px;border-radius:15px;min-width:0}
 .leaders-compact #leaders-directory{min-width:0;width:100%}
 .leaders-compact .org-chart{border-left:0;padding:0;margin:0;max-width:none;min-width:0}
 .leaders-compact .org-lead{justify-content:center;padding:0 0 23px}
 .leaders-compact .org-lead:after{left:50%;bottom:0;height:23px;width:0;border-top:0;border-left:2px solid var(--org-line)}
 .leaders-compact .org-chair{width:min(205px,75%);max-width:100%;padding:14px 11px}
 .leaders-compact .org-tier{border-top:2px solid var(--org-line);padding:13px 0 0;margin:0}
 .leaders-compact .org-tier:before{left:50%;top:-1px;height:15px;width:0;border-left:2px solid var(--org-line);border-top:0}
 .leaders-compact .org-tier+.org-tier{margin-top:22px}
 .leaders-compact .org-tier+.org-tier:after{display:block;left:50%;top:-24px;height:24px;width:0;border-left:2px solid var(--org-line);border-top:0}
 .leaders-compact .org-tier-heading{align-items:center;text-align:center;gap:3px;margin:5px 0 12px}
 .leaders-compact .org-tier-heading span{font-size:10px;letter-spacing:1.05px}
 .leaders-compact .org-tier-heading h3{font-size:clamp(14px,3.8vw,17px);line-height:1.4}
 .leaders-compact .org-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;align-items:stretch;gap:10px;width:100%}
 .leaders-compact .org-tier-grid>.org-card{width:100%;min-width:0;max-width:none;min-height:164px}
 .leaders-compact .org-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:13px 6px;gap:8px;border-radius:12px}
 .leaders-compact .org-card .officer-portrait{width:64px;height:74px;border-radius:12px}
 .leaders-compact .org-chair .officer-portrait{width:73px;height:85px}
 .leaders-compact .org-card strong{font-size:13px;line-height:1.35}
 .leaders-compact .org-card small{font-size:11px;line-height:1.35}
 .leaders-compact .org-person{gap:4px;min-width:0;max-width:100%}
 .leaders-compact .org-card:hover{transform:none}
}
@media(max-width:350px){
 .leaders-compact .leaders-chart-section{padding:13px 9px}
 .leaders-compact .org-tier-grid{gap:7px}
 .leaders-compact .org-tier-grid>.org-card{min-height:157px}
 .leaders-compact .org-card strong{font-size:12px}
 .leaders-compact .org-card small{font-size:10px}
 .leaders-compact .org-card .officer-portrait{width:56px;height:66px}
}