/* Staff page only; never overrides the global header or footer. */
.hkw-school-layout.hkw-staff-layout{display:block;max-width:1440px;padding-top:25px}
.hkw-staff-layout>.hkw-school-content{width:100%;min-width:0}
.hkw-staff-intro{display:flex;gap:12px;align-items:center;padding:15px 19px;border-radius:16px;background:linear-gradient(110deg,#e6f3ff,#f7fbff);border:1px solid #c7e1f6;color:#174b75;box-shadow:0 5px 20px #143b6510;margin-bottom:13px}
.hkw-staff-intro svg{width:23px;height:23px;flex:0 0 23px;color:#1465b2}
.hkw-staff-intro>span{flex:1;line-height:1.55;font-size:14px}
.hkw-staff-intro>strong{white-space:nowrap;font-size:14px;background:#fff;border:1px solid #d5e4f3;padding:5px 12px;border-radius:999px}
.hkw-staff-jump{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.hkw-staff-jump a{font-size:12px;padding:7px 11px;border:1px solid #d9e6f5;border-radius:999px;background:#fff;color:#245a8a;text-decoration:none;transition:background .2s,border-color .2s}
.hkw-staff-jump a:hover,.hkw-staff-jump a:focus-visible{background:#e9f5ff;border-color:#4b95cc}
.hkw-staff-section{--accent:#1669c6;--soft:#e8f2ff;scroll-margin-top:95px;background:#fff;border:1px solid #e3ebf5;border-radius:17px;box-shadow:0 7px 25px #0c3b6b10;padding:0 0 16px;margin-bottom:18px;overflow:hidden}
.hkw-staff-section-head{display:flex;align-items:center;gap:10px;padding:9px 16px;background:linear-gradient(95deg,var(--soft),#fff);border-bottom:1px solid #eaf0f6;border-left:5px solid var(--accent)}
.hkw-staff-section-head h2{color:var(--accent);font-size:clamp(15px,1.8vw,20px);line-height:1.45;margin:0;flex:1}
.hkw-staff-group-icon{display:grid;place-items:center;color:#fff;background:var(--accent);width:34px;height:34px;border-radius:10px;flex:0 0 34px}
.hkw-staff-group-icon svg{width:19px;height:19px}
.hkw-staff-count{font-size:12px;white-space:nowrap;border-radius:99px;background:#fff8;padding:5px 10px;color:var(--accent);font-weight:700}
.hkw-staff-person-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:12px;padding:16px 16px 0}
.hkw-staff-card{border:1px solid #e8edf6;border-radius:14px;background:#fff;box-shadow:0 4px 11px #1948790c;min-width:0;overflow:hidden;text-align:center}
.hkw-staff-avatar{position:relative;overflow:hidden;height:auto;aspect-ratio:4/4.5;background:linear-gradient(140deg,#ddecff,#f2f8ff)}
.hkw-staff-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.hkw-staff-silhouette{position:absolute;inset:0;display:grid;place-items:center;color:#8bb0d5}
.hkw-staff-silhouette svg{width:72px;height:72px;stroke-width:1.3}
.hkw-staff-text{padding:10px 8px 12px}
.hkw-staff-text h3{margin:0 0 5px;color:#103f78;font-size:14px;line-height:1.5;font-weight:800;overflow-wrap:anywhere}
.hkw-staff-text p{margin:0;color:#536b84;font-size:12px;line-height:1.5}
.hkw-staff-gold{--accent:#a26a0b;--soft:#fff3d9}
.hkw-staff-pink{--accent:#df3c78;--soft:#ffeaf1}
.hkw-staff-blue{--accent:#1467d8;--soft:#e8f2ff}
.hkw-staff-green{--accent:#16845c;--soft:#e7f7ee}
.hkw-staff-orange{--accent:#d76b19;--soft:#fff0e1}
.hkw-staff-rose{--accent:#df4568;--soft:#fff0f4}
.hkw-staff-purple{--accent:#8444cf;--soft:#f2eaff}
.hkw-staff-teal{--accent:#07859e;--soft:#e2f9fc}
.hkw-staff-indigo{--accent:#4058cf;--soft:#e9edff}
.hkw-staff-slate{--accent:#556779;--soft:#edf1f5}
.hkw-staff-gold .hkw-staff-person-grid{grid-template-columns:repeat(auto-fill,minmax(320px,430px))}
.hkw-staff-card.is-director{display:flex;text-align:left;align-items:stretch;min-height:205px}
.hkw-staff-card.is-director .hkw-staff-avatar{aspect-ratio:auto;flex:0 0 160px;min-height:210px}
.hkw-staff-card.is-director .hkw-staff-text{display:flex;flex-direction:column;justify-content:center;padding:20px}
.hkw-staff-card.is-director h3{font-size:19px}
.hkw-staff-card.is-director p{font-size:14px}
.hkw-staff-empty{padding:8px 18px 0!important;color:#627d94;font-size:13px}
.hkw-staff-unavailable{border-color:#f2cd8e;background:#fffdf6}
@media(max-width:700px){.hkw-staff-intro{flex-wrap:wrap;padding:11px 13px}.hkw-staff-intro>span{flex:1 1 calc(100% - 44px)}.hkw-staff-intro>strong{margin-left:33px}.hkw-staff-person-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:10px 10px 0}.hkw-staff-card{border-radius:10px}.hkw-staff-text h3{font-size:12px}.hkw-staff-text p{font-size:11px}.hkw-staff-section-head{padding:8px 10px;gap:8px}.hkw-staff-gold .hkw-staff-person-grid{grid-template-columns:1fr}.hkw-staff-card.is-director .hkw-staff-avatar{flex-basis:36%;min-height:170px}.hkw-staff-card.is-director .hkw-staff-text{padding:13px}.hkw-staff-card.is-director h3{font-size:15px}.hkw-staff-card.is-director p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hkw-staff-jump a{transition:none}}
@media print{.hkw-staff-jump{display:none}.hkw-staff-section{break-inside:auto;box-shadow:none}.hkw-staff-person-grid{grid-template-columns:repeat(5,1fr)}.hkw-staff-card{break-inside:avoid}}