/* v1.4.35 — expose school gate/signage, move access block right, remove security footer, fix clipped copy. */

@media (min-width:981px){
  /* Editorial may extend naturally; prevents the first character of the body copy being clipped. */
  .ef-editorial{
    overflow:visible!important;
  }
  .ef-copy{
    left:0!important;
    width:min(100%,650px)!important;
    max-width:650px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-inline:6px!important;
    box-sizing:border-box!important;
  }

  /* Move role cluster right, leaving the center gap clear for the school gate/signage. */
  .ef-access{
    transform:translateX(88px)!important;
  }

  /*
   * Zoom the local photo slightly and anchor it to the right edge.
   * The result shifts the gate/signage visually left into the empty center corridor.
   */
  body.guardrail-landing{
    background-size:auto,auto,auto,125% auto!important;
    background-position:center center,center center,center center,100% 27%!important;
  }

  /* Only the product/school footer remains; centered horizontally at the same Y level. */
  .ef-footer{
    justify-content:center!important;
  }
  .ef-footer .ef-footer-item{
    position:static!important;
    transform:none!important;
    white-space:nowrap!important;
  }
}

@media (min-width:1500px){
  .ef-access{
    transform:translateX(96px)!important;
  }
  body.guardrail-landing{
    background-size:auto,auto,auto,124% auto!important;
    background-position:center center,center center,center center,100% 26%!important;
  }
}

@media (min-width:981px) and (max-height:760px){
  .ef-access{
    transform:translateX(74px)!important;
  }
  body.guardrail-landing{
    background-size:auto,auto,auto,126% auto!important;
    background-position:center center,center center,center center,100% 22%!important;
  }
}

@media (min-width:981px) and (max-height:680px){
  .ef-access{
    transform:translateX(64px)!important;
  }
}

/* Tablet/phone keep the stacked layout; do not force desktop transforms. */
@media (max-width:980px){
  .ef-access{transform:none!important;}
  .ef-copy{
    overflow:visible!important;
    padding-inline:4px!important;
    box-sizing:border-box!important;
  }
  .ef-footer{justify-content:center!important;}
}