/* BSIT Reading Blocker overlay (Blog + Case Study details) */
:root{
  --bsit-rb-z: 2147482500;
  --bsit-rb-bg: rgba(0,0,0,.55);
  --bsit-rb-card:#ffffff;
  --bsit-rb-muted:#6b7280;
  --bsit-rb-border: rgba(15,23,42,.12);
  --bsit-rb-radius: 18px;
}

body.bsit-rb-open{ overflow: hidden !important; }

.bsit-readblocker{
  position: fixed;
  inset: 0;
  z-index: var(--bsit-rb-z);
  display: none;
  align-items: center;
  justify-content: center;
  padding: clamp(14px, 3vw, 28px);
  background: var(--bsit-rb-bg);
  backdrop-filter: blur(2px);
}

body.bsit-rb-open .bsit-readblocker{ display: flex; }

.bsit-rb-card{
  width: min(820px, 100%);
  background: var(--bsit-rb-card);
  border-radius: var(--bsit-rb-radius);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.18);
}

.bsit-rb-head{
  background: #f3f4f6;
  padding: 22px 24px;
}
.bsit-rb-head h3{
  margin: 0;
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 800;
  letter-spacing: .2px;
  color: #111827;
}

.bsit-rb-body{ padding: 22px 24px 24px; }

.bsit-rb-hint{
  margin: 0 0 16px;
  color: var(--bsit-rb-muted);
  font-size: 14px;
  line-height: 1.5;
}

.bsit-rb-form .form-control{
  height: 52px;
  border-radius: 10px;
  border-color: var(--bsit-rb-border);
  font-size: 15px;
}

.bsit-rb-form .form-control:focus{
  border-color: #efb405;
  box-shadow: 0 0 0 .16rem rgba(239,180,5,.22);
}

.bsit-rb-form .bsit-captcha-wrap{ margin-top: 10px; }

.bsit-rb-actions{
  margin-top: 18px;
  display: flex;
  justify-content: flex-start;
}

.bsit-rb-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 52px;
  padding: 0 22px;
  border-radius: 12px;
  border: 0;
  font-weight: 800;
  letter-spacing: .4px;
  background: #1e5ad7;
  color: #fff;
}
.bsit-rb-btn:hover,
.bsit-rb-btn:focus{ filter: brightness(1.03); color:#fff; }

@media (max-width: 575.98px){
  .bsit-rb-head{ padding: 18px 16px; }
  .bsit-rb-body{ padding: 18px 16px 18px; }
  .bsit-rb-actions{ justify-content: stretch; }
  .bsit-rb-btn{ width: 100%; }
}