/* Phase 3 — representatives hero aligned with the shared site/contact hero. */
.representatives-body .representatives-hero{
  height:240px!important;
}
.representatives-body .representatives-hero .hero-inner{
  width:min(var(--shell),calc(100% - 48px))!important;
  margin-inline:auto!important;
  inset:0!important;
  justify-content:center!important;
  align-items:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
}
.representatives-body .representatives-hero .hero-inner>*{
  direction:rtl!important;
  align-self:flex-start!important;
  width:auto!important;
  text-align:right!important;
}
.representatives-body .representatives-hero .crumbs{
  width:100%!important;
  margin-bottom:0!important;
  font-size:inherit!important;
  color:#ced8e6!important;
}
.representatives-body .representatives-hero h1{
  font-size:2.2rem!important;
  line-height:1!important;
  margin:12px 0 16px!important;
  font-weight:900!important;
}
.representatives-body .representatives-hero .search-box{
  width:min(650px,60%)!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 18px!important;
  margin:0!important;
  background:var(--surface,#fff)!important;
  border:1px solid var(--line,#dce4ef)!important;
  border-radius:8px!important;
  box-shadow:0 8px 24px #0002!important;
}
.representatives-body .representatives-hero .search-box .representative-search-input{
  order:1!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--ink)!important;
  font:inherit!important;
}
.representatives-body .representatives-hero .search-box .search-icon{
  order:0!important;
  width:18px!important;
  height:18px!important;
  flex:none!important;
  position:relative!important;
  border:2px solid var(--navy)!important;
  border-radius:50%!important;
  margin-right:8px!important;
}
.representatives-body .representatives-hero .search-box .search-icon:after{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:2px!important;
  background:var(--navy)!important;
  transform:rotate(45deg)!important;
  left:-5px!important;
  bottom:-2px!important;
}
.representatives-body .representatives-hero .representative-search-input::placeholder{color:var(--muted)!important;}
@media(max-width:900px){
  .representatives-body .representatives-hero{height:280px!important;}
  .representatives-body .representatives-hero .hero-inner{width:calc(100% - 36px)!important;}
  .representatives-body .representatives-hero .search-box{width:100%!important;}
}
@media(max-width:560px){
  .representatives-body .representatives-hero{height:230px!important;}
  .representatives-body .representatives-hero h1{font-size:1.8rem!important;}
  .representatives-body .representatives-hero .search-box{height:48px!important;}
}