/* Same profile components as the mayor, fitted to the 9-column personnel area. */
#main-content .personnel-profile .mayor-hero{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);padding:24px;gap:28px}
#main-content .personnel-profile h1{font-size:clamp(28px,3vw,40px)}
#main-content .personnel-profile .mayor-story-grid{grid-template-columns:minmax(0,1fr)}
#main-content .personnel-profile .mayor-section-popover>summary{min-height:74px;padding:12px}
#main-content .personnel-profile .profile-photos{grid-template-columns:repeat(3,minmax(0,1fr))}
.personnel-profile .personnel-video-section{margin-top:32px;padding-top:24px;border-top:1px solid #dce5ef}
.personnel-profile .personnel-video-section>h2{font-size:24px;line-height:1.4;margin:0 0 16px;color:var(--appearance-primary,#16385f)}
.personnel-profile .video-frame{margin:0;min-height:0}
.personnel-directory h2{margin:0 0 16px;font-size:20px;color:var(--appearance-primary,#16385f)}
.personnel-directory ol{list-style:none;margin:0;padding:0}
.personnel-directory li+li{border-top:1px solid #e1e7ef}
.personnel-directory a{display:flex;align-items:center;gap:12px;padding:12px 8px;min-height:64px;box-sizing:border-box;text-decoration:none;color:var(--appearance-primary,#16385f);border-radius:6px}
.personnel-directory img{display:block;flex:0 0 40px;width:40px;height:40px;object-fit:cover;border-radius:6px;background:#edf3f8}
.personnel-directory a>span{display:grid;gap:4px;min-width:0}
.personnel-directory strong{font-size:13px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.personnel-directory .personnel-category{font-size:12px;line-height:1.5;color:#526780;overflow-wrap:anywhere}
.personnel-directory a:hover,.personnel-directory a[aria-current=page]{background:#edf3f9}
.personnel-directory a[aria-current=page]{box-shadow:inset 3px 0 var(--appearance-primary,#16385f)}
.personnel-directory a:focus-visible{outline:3px solid #366fa9;outline-offset:2px}
.detail-sidebar:has(.personnel-directory){display:block}
@media(min-width:768px) and (max-width:1100px){#main-content .personnel-profile .mayor-hero{grid-template-columns:minmax(0,1fr);padding:20px;gap:24px}#main-content .personnel-profile .mayor-portrait-frame{width:min(100%,240px);justify-self:center}}
@media(max-width:650px){#main-content .personnel-profile .mayor-hero{grid-template-columns:minmax(0,1fr);padding:20px;gap:24px}#main-content .personnel-profile h1{font-size:32px}#main-content .personnel-profile .profile-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-profile .personnel-video-section{margin-top:28px}.personnel-directory a{padding:12px 8px}}