/* /recruit/recruitb.html secondary navigation under unified global header */
:root{ --rec-global-h:72px; --rec-sub-h:58px; }

html{ scroll-padding-top:calc(var(--rec-global-h) + var(--rec-sub-h) + 18px); }

.rec-header.rec-header--sub{
  top:var(--rec-global-h);
  min-height:var(--rec-sub-h);
  padding:9px clamp(16px,3vw,32px);
  z-index:1300;
  background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(7,19,31,.09);
  box-shadow:0 8px 24px rgba(7,19,31,.06);
}
.rec-header.rec-header--sub.is-scrolled{
  background:rgba(255,255,255,.97);
  box-shadow:0 10px 30px rgba(7,19,31,.09);
}
.rec-subbrand{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:10px;
  white-space:nowrap;
}
.rec-subbrand a{
  color:var(--rec-blue);
  font-size:13px;
  font-weight:900;
}
.rec-subbrand span{
  color:var(--rec-ink);
  font-size:13px;
  font-weight:900;
}
.rec-hero{
  padding-top:calc(var(--rec-global-h) + var(--rec-sub-h) + clamp(44px,6vw,88px));
}
.rec-progress{ top:0; z-index:1500; }

@media(max-width:1180px){
  .rec-nav a{ font-size:12px; padding:7px 8px; }
}
@media(max-width:860px){
  :root{ --rec-sub-h:50px; }
  .rec-header.rec-header--sub{
    padding:7px 12px;
    gap:8px;
  }
  .rec-subbrand span{ display:none; }
  .rec-subbrand a{ font-size:12px; }
  .rec-nav{ gap:6px; }
  .rec-nav a:not(.rec-nav__cta){ display:none; }
  .rec-nav .rec-nav__cta{ padding:7px 11px; font-size:11px; }
}
@media(max-width:560px){
  .rec-hero{
    padding-top:calc(var(--rec-global-h) + var(--rec-sub-h) + 34px);
  }
}