/* HADS WHO WE ARE — MOBILE FINAL V83
   Scope ONLY: History / HADS Today / Values, phones <=700px.
   Desktop is intentionally untouched. */
@media (max-width:700px){
  /* Remove the obsolete/duplicate History quick navigation. */
  body.hads-who-history .history-hero-quicknav{display:none!important;}

  /* Remove the artificial empty area under the hero copy. */
  body.hads-who-history .history-hero,
  body.hads-who-today .today-hero,
  body.hads-who-values .hero{
    height:auto!important;min-height:0!important;max-height:none!important;
  }
  body.hads-who-history .history-hero-content,
  body.hads-who-today .today-hero-content,
  body.hads-who-values .hero-content{
    min-height:0!important;height:auto!important;
    padding-bottom:22px!important;margin-bottom:0!important;
  }

  /* HADS Today: no 01/02/03/04 indicators on phone. */
  body.hads-who-today .today-hero-nav,
  body.hads-who-today .hero-number{display:none!important;}

  /* One and only one common selector immediately below each hero. */
  body.hads-who-history .subnav,
  body.hads-who-today .subnav,
  body.hads-who-values .subnav{
    display:block!important;position:relative!important;inset:auto!important;
    width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:14px 16px 24px!important;
    background:#fff!important;border:0!important;box-shadow:none!important;
    overflow:visible!important;z-index:20!important;
  }
  body.hads-who-history .subnav .subnav-inner,
  body.hads-who-today .subnav .subnav-inner,
  body.hads-who-values .subnav .subnav-inner{
    width:100%!important;max-width:540px!important;height:auto!important;min-height:0!important;
    margin:0 auto!important;padding:0!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;overflow:visible!important;
  }
  body.hads-who-history .subnav a,
  body.hads-who-today .subnav a,
  body.hads-who-values .subnav a{
    position:relative!important;float:none!important;flex:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    height:68px!important;min-height:68px!important;margin:0!important;
    padding:0 34px 0 70px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    border:1px solid rgba(132,77,154,.18)!important;border-radius:19px!important;
    background:linear-gradient(180deg,#fff 0%,#f7effa 100%)!important;
    color:#2d2731!important;text-align:left!important;text-decoration:none!important;
    font-size:clamp(10px,2.7vw,12px)!important;line-height:1.08!important;font-weight:800!important;
    letter-spacing:0!important;text-transform:uppercase!important;white-space:normal!important;
    box-shadow:0 5px 0 #e3d5e8,0 12px 24px rgba(68,34,82,.10)!important;
    transform:none!important;overflow:hidden!important;
  }
  body.hads-who-history .subnav a:nth-child(3),
  body.hads-who-today .subnav a:nth-child(3),
  body.hads-who-values .subnav a:nth-child(3){grid-column:1 / -1!important;}

  body.hads-who-history .subnav a::before,
  body.hads-who-today .subnav a::before,
  body.hads-who-values .subnav a::before{
    position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;
    width:48px!important;height:48px!important;display:grid!important;place-items:center!important;
    border-radius:14px!important;background:linear-gradient(180deg,#ad61cf,#7c40a0)!important;
    color:#fff!important;font-size:12px!important;font-weight:900!important;
    box-shadow:0 4px 0 #66347f,0 8px 16px rgba(74,37,91,.22)!important;
  }
  body.hads-who-history .subnav a:nth-child(1)::before,
  body.hads-who-today .subnav a:nth-child(1)::before,
  body.hads-who-values .subnav a:nth-child(1)::before{content:"01"!important;}
  body.hads-who-history .subnav a:nth-child(2)::before,
  body.hads-who-today .subnav a:nth-child(2)::before,
  body.hads-who-values .subnav a:nth-child(2)::before{content:"02"!important;}
  body.hads-who-history .subnav a:nth-child(3)::before,
  body.hads-who-today .subnav a:nth-child(3)::before,
  body.hads-who-values .subnav a:nth-child(3)::before{content:"03"!important;}

  body.hads-who-history .subnav a::after,
  body.hads-who-today .subnav a::after,
  body.hads-who-values .subnav a::after{
    content:"→"!important;display:block!important;position:absolute!important;right:14px!important;top:50%!important;
    transform:translateY(-50%)!important;color:#69417b!important;font-size:18px!important;font-weight:700!important;
  }
  body.hads-who-history .subnav a.active,
  body.hads-who-today .subnav a.active,
  body.hads-who-values .subnav a.active{
    color:#fff!important;border-color:transparent!important;
    background:linear-gradient(145deg,#a75ac5,#713b8a)!important;
    box-shadow:0 5px 0 #5f3175,0 12px 24px rgba(76,39,94,.20)!important;
  }
  body.hads-who-history .subnav a.active::after,
  body.hads-who-today .subnav a.active::after,
  body.hads-who-values .subnav a.active::after{color:#fff!important;}

  /* Keep the approved compact typography on the three phone heroes. */
  body.hads-who-history .history-hero h1,
  body.hads-who-today .today-title,
  body.hads-who-values .hero h1{
    font-size:clamp(34px,10.5vw,44px)!important;line-height:.98!important;letter-spacing:-1.8px!important;
  }
}