/* Sample-PDF reader ("একটু পড়ে দেখুন") */
.sample-read-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 14px; padding: 10px 20px;
  font: inherit; font-weight: 600; color: var(--primary);
  background: var(--white); border: 1.5px solid var(--primary); border-radius: var(--radius);
  cursor: pointer; transition: background .15s, color .15s;
}
.sample-read-btn:hover, .sample-read-btn:focus-visible { background: var(--primary); color: var(--white); }

body.sr-open { overflow: hidden; }
.sr-overlay { display: none; position: fixed; inset: 0; z-index: 6000; flex-direction: column; background: #1d2230; color: #fff;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.sr-overlay.open { display: flex; }
.sr-bar { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 6px 12px; background: #11151f; }
.sr-title { flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-ctrls { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.sr-pageind { font-size: .9rem; opacity: .85; min-width: 56px; text-align: center; }
.sr-btn { width: 38px; height: 38px; font-size: 1.25rem; line-height: 1; color: #fff; background: rgba(255,255,255,.12); border: 0; border-radius: 8px; cursor: pointer; }
.sr-btn:hover:not(:disabled) { background: rgba(255,255,255,.22); }
.sr-btn:disabled { opacity: .35; cursor: default; }
.sr-scroll { flex: 1 1 auto; overflow: auto; -webkit-overflow-scrolling: touch; padding: 12px; }
.sr-pages { display: flex; flex-direction: column; align-items: center; width: max-content; min-width: 100%; }
.sr-page { position: relative; flex: 0 0 auto; margin: 0 0 14px; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.45); }
.sr-page canvas { display: block; width: 100%; height: 100%; pointer-events: none; }
.sr-msg { display: none; padding: 40px 16px; text-align: center; }
@media (max-width: 600px) {
  .sr-scroll { padding: 8px; }
  .sr-pageind { min-width: 44px; }
}
@media print { .sr-overlay { display: none !important; } }