/* Agent X visual containment and hero clearance. No script or policy change. */
#gx-public-agent-x[data-guided-only] #gx-public-agent-x-open {
  right:calc(16px + env(safe-area-inset-right));
}
/* Fade the canvas to transparent before its rectangular boundary.
   The label and keyboard focus ring are not masked. */
#gx-public-agent-x[data-guided-only] .gx-agent-orb {
  -webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 44%,rgba(0,0,0,.96) 62%,transparent 96%);
  mask-image:radial-gradient(ellipse closest-side at center,#000 44%,rgba(0,0,0,.96) 62%,transparent 96%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
/* Independent horizontal lanes prevent collision at any hero scroll position.
   Agent X occupies 76px; preserve 16px between its hit area and Pausa. */
body #gx-complete-home-hero .corea-gx-hero__playback {
  right:calc(108px + env(safe-area-inset-right));
  bottom:calc(16px + env(safe-area-inset-bottom));
  min-height:44px!important;
  max-width:calc(100% - 132px);
  z-index:5;
}

/* Reserve the floating Agent X lane for the mobile slide controls too. */
@media(max-width:600px){
  body #gx-complete-home-hero .corea-gx-hero__navigation {
    max-width:calc(100% - 92px);
    flex-wrap:wrap;
    gap:12px;
  }
}

/* Keep mobile CTA links out of the same floating control lane. */
@media(max-width:600px){
  body #gx-complete-home-hero .corea-gx-hero__actions {
    max-width:calc(100% - 92px);
  }
  body #gx-complete-home-hero .corea-gx-hero__actions a {
    min-width:0;
    max-width:100%;
    white-space:normal;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }
}