/* Roster additions preserve all approved art and the shared 4:3 frame. */
.species-card>img[src*="crew-studies"]{--portrait-focus:50% 0%}
.species-card>img[src$="orren-recovered-study.webp"],.species-card>img[src$="sera-recovered-study.webp"]{object-fit:contain;background:#101a22}
.species-card .roster-art-status{font-size:.8rem;line-height:1.4;color:#e4ce9e;border-left:2px solid currentColor;padding-left:10px}
.roster-profile-link{display:inline-block;margin-top:8px;color:#d6e8eb;text-underline-offset:5px}
.chief-showcase{background:#edf0ea;color:#15232c;overflow:hidden}
.chief-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}
.chief-heading>div:first-child{max-width:720px}
.chief-heading h2{margin:10px 0 18px}
.chief-heading .chapter{color:#365d61}
.chief-heading p,.chief-disclosure{line-height:1.65}
.chief-disclosure{max-width:850px;color:#43585e;font-size:.9rem;margin:0 0 28px}
.chief-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}
.chief-controls[hidden]{display:none}
.chief-controls button{width:48px;height:48px;border:1px solid #425962;border-radius:50%;background:transparent;color:#132630;font-size:24px;cursor:pointer}
.chief-controls button:hover:not(:disabled){background:#152b34;color:#fff}
.chief-controls button:disabled{opacity:.35;cursor:default}
.chief-position{min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums}
.chief-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;padding:0 0 18px;scrollbar-color:#60777c transparent;scrollbar-width:thin}
.chief-track:focus-visible,.chief-showcase button:focus-visible,.chief-showcase a:focus-visible{outline:3px solid #137e94;outline-offset:4px}
.chief-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;background:#fff;border-top:5px solid var(--team-accent,#536a73)}
.chief-art{aspect-ratio:4/3;background:var(--team-dark,#152b34);overflow:hidden}
.chief-art>img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.chief-art-pending{display:grid;place-items:center;color:#f2eee5;padding:20px;box-sizing:border-box;background:linear-gradient(145deg,#333c40,#1b242a);text-align:center}
.chief-art-pending span{padding:16px;border-block:1px solid #ac704d;font-size:.9rem}
.chief-copy{padding:24px}
.chief-copy .chief-team{color:var(--team-ink,#245862);font-size:.75rem;letter-spacing:.09em;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.chief-copy h3{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 12px}
.chief-copy p{line-height:1.65;font-size:.95rem}
.chief-copy .chief-status{font-size:.75rem;color:#526369;margin:0 0 16px}
.chief-copy a{display:inline-block;color:#1d505c;margin-top:8px;text-underline-offset:5px}
.chief-swipe{font-size:.8rem;color:#52656b;margin:12px 0 0}
@media(max-width:1000px){.chief-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:650px){.chief-heading{display:block}.chief-controls{margin-top:24px;justify-content:flex-start}.chief-track{gap:16px}.chief-card{flex-basis:88%}.chief-copy{padding:20px}.chief-heading h2{font-size:42px}.chief-swipe{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.chief-track{scroll-behavior:auto}}
/* Align the new section with the site's shared page gutters. */
.chief-showcase{padding:80px 6vw}
@media(max-width:650px){.chief-showcase{padding:52px 5vw}}
/* A narrow desktop scrollbar must not force the whole phone layout sideways. */
@media(max-width:320px){body{min-width:0}}