/* eLockers Staff Lockers Modern — staging-safe CSS (all selectors scoped) */
#el-staff-root{width:100%;margin:0 auto;color:#153c62;font-family:inherit}
#el-staff-root *,#el-staff-root *::before,#el-staff-root *::after{box-sizing:border-box}
#el-staff-root .elsf-page{background:#fff;width:100%;overflow:hidden}
#el-staff-root .elsf-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
#el-staff-root h1,#el-staff-root h2,#el-staff-root h3{font-family:inherit;letter-spacing:-.025em;margin-top:0}
#el-staff-root .elsf-hero{background:linear-gradient(115deg,#082e54 4%,#0d4e85 75%,#0c78b4 120%);padding:88px 0 78px;color:#fff}
#el-staff-root .elsf-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:58px;align-items:center}
#el-staff-root .elsf-eyebrow{letter-spacing:2px;font-size:12px;color:#8dd4fd;font-weight:800;margin-bottom:21px}
#el-staff-root h1{font-size:clamp(38px,4.1vw,61px);line-height:1.09;color:#fff!important;font-weight:800;margin:0 0 22px}
#el-staff-root h1 em,#el-staff-root .elsf-detail-copy h2 em{font-style:normal;color:#9cdbff}
#el-staff-root .elsf-lead{font-size:18px;line-height:1.75;color:#d9eafa;margin:0 0 25px}
#el-staff-root .elsf-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 27px}
#el-staff-root .elsf-hero-facts span{border:1px solid rgba(167,217,249,.27);border-radius:11px;padding:14px 13px;background:rgba(255,255,255,.085)}
#el-staff-root .elsf-hero-facts b{font-size:19px;color:#fff;display:block;line-height:1.25}
#el-staff-root .elsf-hero-facts small{display:block;font-size:12px;color:#c9e2f4;line-height:1.4;margin-top:5px}
#el-staff-root .elsf-actions{display:flex;flex-wrap:wrap;gap:12px}
#el-staff-root .elsf-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid #168cef;border-radius:9px;padding:12px 22px;min-height:49px;background:#168cef;color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:750;transition:transform .15s,background .15s}
#el-staff-root .elsf-button:hover{background:#0878c8;transform:translateY(-2px)}
#el-staff-root .elsf-button-outline{background:transparent;border-color:#a1cee9}
#el-staff-root .elsf-button-outline:hover{background:rgba(255,255,255,.11)}
#el-staff-root .elsf-small-note{margin:17px 0 0;font-size:12px;line-height:1.6;color:#bad7ee}
#el-staff-root .elsf-hero-visual{position:relative;background:#e9f3fc;padding:10px;border-radius:17px;box-shadow:0 22px 65px rgba(0,18,40,.3);border:1px solid rgba(255,255,255,.5);min-width:0}
#el-staff-root .elsf-hero-photo{width:100%;height:390px;object-fit:cover;object-position:center;display:block;border-radius:10px}
#el-staff-root .elsf-photo-chip{position:absolute;bottom:25px;left:24px;background:#082e53e8;color:#fff;font-size:11px;letter-spacing:.06em;font-weight:750;border-radius:6px;padding:10px 13px}
#el-staff-root .elsf-section{padding:78px 0}
#el-staff-root .elsf-soft{background:#f1f7fd}
#el-staff-root .elsf-heading{text-align:center;max-width:840px;margin:0 auto 38px}
#el-staff-root .elsf-kicker{color:#0786ef;font-size:12px;letter-spacing:1.65px;font-weight:800}
#el-staff-root h2{font-size:clamp(29px,3.3vw,42px);line-height:1.16;color:#113e66!important;font-weight:800;margin:12px 0 18px}
#el-staff-root .elsf-heading p{font-size:16px;color:#647d93;line-height:1.7;margin:0}
#el-staff-root .elsf-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#el-staff-root .elsf-card{background:#f4f9fd;border:1px solid #dceaf8;border-radius:13px;padding:26px 22px;min-height:194px}
#el-staff-root .elsf-number{font-weight:850;font-size:26px;color:#0a85e8;display:block;margin-bottom:16px}
#el-staff-root h3{font-weight:800;color:#153f66!important;font-size:18px;line-height:1.35;margin:0 0 12px}
#el-staff-root .elsf-card p,#el-staff-root .elsf-method p{color:#637c92;line-height:1.65;font-size:14px;margin:0}
#el-staff-root .elsf-detail-grid{display:grid;grid-template-columns:1fr .93fr;gap:65px;align-items:center}
#el-staff-root .elsf-detail-copy>p{font-size:16px;color:#647d92;line-height:1.8;margin:0}
#el-staff-root .elsf-detail-copy h2 em{color:#168cef}
#el-staff-root .elsf-check-list{list-style:none!important;padding:0!important;margin:23px 0!important;display:grid;gap:11px}
#el-staff-root .elsf-check-list li{list-style:none!important;margin:0;padding:0 0 0 28px!important;position:relative;color:#244c6d;font-size:15px;line-height:1.6}
#el-staff-root .elsf-check-list li::before{content:'✓';position:absolute;left:0;color:#0b89ee;font-weight:900}
#el-staff-root .elsf-inline-note{background:#fff;border:1px solid #d5e7f6;border-left:4px solid #138dee;border-radius:11px;padding:18px 21px}
#el-staff-root .elsf-inline-note strong{font-size:17px;color:#124069}
#el-staff-root .elsf-inline-note p{color:#617990;margin:7px 0 0;font-size:14px;line-height:1.55}
#el-staff-root .elsf-feature-photo{margin:0;background:#fff;border:1px solid #d8e8f6;padding:12px;border-radius:16px;box-shadow:0 12px 30px rgba(20,60,95,.08)}
#el-staff-root .elsf-feature-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:10px}
#el-staff-root .elsf-feature-photo figcaption{text-align:center;color:#647e92;font-size:12px;padding:11px 0 2px}
#el-staff-root .elsf-hardware-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:stretch}
#el-staff-root .elsf-model-frame{margin:0;background:#f5f9fe;border:1px solid #dae9f7;border-radius:15px;padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
#el-staff-root .elsf-model-frame img{max-height:350px;max-width:100%;object-fit:contain;width:auto;height:auto}
#el-staff-root .elsf-model-frame p{color:#51738e;font-size:13px;margin:0;text-align:center}
#el-staff-root .elsf-spec-panel{border:1px solid #deebf7;border-radius:15px;background:#fff;padding:33px}
#el-staff-root .elsf-spec-panel h3{font-size:22px;margin-bottom:14px}
#el-staff-root .elsf-button-light{background:#1387e8}
#el-staff-root .elsf-small-print{font-size:12px;color:#70899b;line-height:1.55;margin:15px 0 0}
#el-staff-root .elsf-dimensions{margin:25px 0 0;border:1px solid #dceaf6;border-radius:15px;padding:17px;background:#fff;text-align:center}
#el-staff-root .elsf-dimensions a{display:block;max-width:100%;cursor:zoom-in}
#el-staff-root .elsf-dimensions img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}
#el-staff-root .elsf-dimensions p{margin:13px 0 1px;font-size:12px;color:#6b8396}
#el-staff-root .elsf-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#el-staff-root .elsf-method{border:1px solid #dceaf7;background:#fff;border-radius:14px;padding:25px 22px;text-align:center}
#el-staff-root .elsf-method>span{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e3f2ff;color:#0787e8;font-weight:900;font-size:22px;width:64px;height:64px;margin-bottom:16px}
#el-staff-root .elsf-method h3{font-size:16px}
#el-staff-root .elsf-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#el-staff-root .elsf-gallery-figure{padding:10px;border:1px solid #dceaf5;border-radius:14px;background:#fff;margin:0;overflow:hidden}
#el-staff-root .elsf-gallery-figure a{display:block;border-radius:9px;overflow:hidden;cursor:zoom-in}
#el-staff-root .elsf-gallery-figure img{display:block;width:100%;height:235px;object-fit:cover;transition:transform .2s}
#el-staff-root .elsf-gallery-figure a:hover img{transform:scale(1.03)}
#el-staff-root .elsf-gallery-figure figcaption{font-size:13px;color:#3e607c;text-align:center;padding:14px 5px 6px}
#el-staff-root :is(#elsf-benefits,#elsf-management,#elsf-hardware,#elsf-options,#elsf-gallery){scroll-margin-top:95px}
@media(max-width:960px){
  #el-staff-root .elsf-hero-grid{gap:24px}
  #el-staff-root .elsf-detail-grid{gap:30px}
  #el-staff-root .elsf-card-grid,#el-staff-root .elsf-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #el-staff-root .elsf-gallery-figure img{height:200px}
}
@media(max-width:700px){
  #el-staff-root .elsf-shell{width:min(1200px,calc(100% - 32px))}
  #el-staff-root .elsf-hero{padding:52px 0 54px}
  #el-staff-root .elsf-hero-grid,#el-staff-root .elsf-detail-grid,#el-staff-root .elsf-hardware-grid{grid-template-columns:1fr}
  #el-staff-root .elsf-hero-photo{height:280px}
  #el-staff-root .elsf-section{padding:54px 0}
  #el-staff-root .elsf-gallery{grid-template-columns:1fr}
  #el-staff-root .elsf-gallery-figure img{height:235px}
}
@media(max-width:440px){
  #el-staff-root .elsf-hero-facts{grid-template-columns:1fr 1fr}
  #el-staff-root .elsf-card-grid,#el-staff-root .elsf-method-grid{grid-template-columns:1fr}
  #el-staff-root .elsf-method{padding:20px}
}
@media(prefers-reduced-motion:reduce){#el-staff-root *{transition:none!important}}

/* v1.1: A clear, non-disruptive status if a requested Media Library file is missing. */
#el-staff-root .elsf-image-missing{background:#f6f9fd;border:1px dashed #9cb9d3;border-radius:9px;min-height:200px;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#56718b;font-size:14px;line-height:1.8}
#el-staff-root .elsf-image-missing strong{color:#164165}
#el-staff-root .elsf-image-missing small{font-size:12px}

/* v1.2: Hero and management images now come from the user's Media Library. */
#el-staff-root .elsf-management-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:10px}
#el-staff-root .elsf-media-feature-missing{min-height:280px;width:100%;color:#153c62}
#el-staff-root .elsf-hero-visual .elsf-media-feature-missing{min-height:390px}
@media(max-width:767px){#el-staff-root .elsf-hero-visual .elsf-media-feature-missing{min-height:280px}}