/* Prevent body scroll when class is applied */
html.bne-pe-no-scroll, body.bne-pe-no-scroll {
  overflow: hidden !important;
  height: 100vh;
  overscroll-behavior: none;
}

/* Overlay */
#bne-pe-overlay{position:fixed;inset:0;background:#fff;opacity:1;z-index:9998}

/* Wrapper - add more top space so it doesn't stick to the top */
#bne-pe-wrap{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:100px 16px 16px;z-index:9999}
#bne-pe-wrap .pe-header,#bne-pe-wrap .pe-box{width:min(100%, var(--pe-maxw))}

/* Header */
.pe-header{text-align:center;margin-bottom:18px}
.pe-logo{height:120px;width:auto;margin-bottom:10px}   /* increased logo size */
.pe-tagline{
  margin:0;
  color:#435269;
  font-weight:600;
  font-size:23px;            /* requested size */
  line-height:1.2;
margin-bottom: 40px;
  white-space:nowrap;        /* keep on one line */
  overflow:hidden;
  text-overflow:ellipsis;    /* safety if viewport too narrow */
}

/* Box */
.pe-box{background:#fff;border:1px solid #d9dde3;border-radius:6px;box-shadow:0 10px 26px rgba(0,0,0,.08);padding:60px 50px}
.pe-content{text-align:left;color:#222;font-size:20px;line-height:1.6}
.pe-content p{margin:0 0 14px}
.pe-content p:last-of-type{font-size:16px;color:#5e6470;line-height:1.45}

/* Links inside content -> #0000FF */
.pe-content a{color:#0000FF; text-decoration: underline}

/* Button -> #0000FF */
#bne-pe-btn{margin-top:14px;background:#0000FF;color:#fff;border:0;padding:11px 18px;font-weight:700;cursor:pointer;width:228px;height:42px;}

/* Responsive - keep header readable on small screens */
@media (max-width:540px){
 .pe-logo{height:32px}
 .pe-tagline{font-size:18px}
 .pe-content{font-size:15px}
 .pe-content p:last-of-type{font-size:13px}
}