/* BAIO small sitewide fixes. Loaded on every page.
   Selectors are deliberately heavy (html body ...) because the older pages
   carry their own strong inline CSS that would otherwise win. */

/* In-page PDF reader (see pdf-view.js) */
html body .has-bpdf { height: auto !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; background: #e9edf3 !important; }
html body .bpdf.bpdf { display: flex !important; flex-direction: column !important; width: 100% !important; height: min(68vh, 540px) !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #e9edf3 !important; border: 0 !important; border-radius: 8px !important; box-sizing: border-box !important; }
html body .bpdf .bpdf-bar { flex: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; margin: 0 !important; padding: 6px 8px !important; background: #14213d !important; border: 0 !important; }
html body .bpdf .bpdf-bar .bpdf-tool { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 32px !important; margin: 0 !important; padding: 4px 14px !important; background: transparent !important; color: #fff !important; border: 1px solid rgba(255, 255, 255, .6) !important; border-radius: 6px !important; box-shadow: none !important; font: 600 13px/1.2 "Noto Sans Bengali", Manrope, system-ui, sans-serif !important; letter-spacing: 0 !important; text-decoration: none !important; text-transform: none !important; }
html body .bpdf .bpdf-bar .bpdf-tool:hover, html body .bpdf .bpdf-bar .bpdf-tool:focus-visible { background: #fff !important; color: #14213d !important; outline: none !important; }
html body .bpdf .bpdf-scroll { flex: 1 1 auto !important; min-height: 0 !important; display: block !important; overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; margin: 0 !important; padding: 8px !important; background: #e9edf3 !important; }
html body .bpdf .bpdf-scroll:focus-visible { outline: 3px solid #9a3412 !important; outline-offset: -3px !important; }
html body .bpdf .bpdf-page { position: relative !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 0 8px !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: 0 1px 3px rgba(20, 33, 61, .18) !important; }
html body .bpdf .bpdf-page:last-child { margin-bottom: 0 !important; }
html body .bpdf .bpdf-page canvas { display: block !important; width: 100% !important; height: auto !important; }
html body .bpdf .bpdf-note { margin: 0 !important; padding: 40px 16px 12px !important; text-align: center !important; color: #46506a !important; font: 500 15px/1.5 "Noto Sans Bengali", Manrope, system-ui, sans-serif !important; }
html body .bpdf .bpdf-fallback { display: block !important; width: fit-content !important; margin: 0 auto 30px !important; padding: 10px 18px !important; background: #14213d !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; text-decoration: none !important; font: 600 14px/1.4 "Noto Sans Bengali", Manrope, system-ui, sans-serif !important; }

/* Tap-to-play YouTube (see site-fixes.js) */
html body .byt.byt { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; aspect-ratio: 16 / 9; margin: 0 !important; padding: 0 !important; background: #000 !important; border: 0 !important; border-radius: inherit !important; box-shadow: none !important; overflow: hidden !important; cursor: pointer !important; }
html body .byt .byt-img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; object-fit: cover !important; border-radius: 0 !important; opacity: .9; }
html body .byt .byt-play { position: absolute !important; left: 50% !important; top: 50% !important; width: 64px !important; height: 44px !important; margin: -22px 0 0 -32px !important; background: #d92a1c !important; border-radius: 12px !important; }
html body .byt .byt-play::before { content: ""; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -6px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff; }
html body .byt:hover .byt-img, html body .byt:focus-visible .byt-img { opacity: 1; }
html body .byt:focus-visible { outline: 3px solid #f0b48a !important; outline-offset: -3px !important; }

/* TET page: the visible "What You Get" block (section.tet-what-get-after) was
   three squeezed columns on phones. Two tidy columns instead. */
@media (max-width: 782px) {
	.tet-what-get-after h2 { font-size: 26px !important; line-height: 1.25 !important; margin-bottom: 14px !important; }
	.tet-what-get-after h2 + div { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
	.tet-what-get-after h2 + div > div { padding: 14px 14px 15px !important; border-radius: 12px !important; min-width: 0; }
	.tet-what-get-after h2 + div > div h3 { font-size: 16px !important; line-height: 1.3 !important; margin: 0 0 5px !important; overflow-wrap: anywhere; }
	.tet-what-get-after h2 + div > div p { font-size: 13.5px !important; line-height: 1.5 !important; margin: 0 !important; color: #46506a; hyphens: none; }
}
@media (max-width: 360px) {
	.tet-what-get-after h2 + div { grid-template-columns: 1fr !important; }
}

/* UGC NET landing: teacher slider drifted a little further off with every
   swipe/arrow press, so names ended up cut off. Snap each card into place. */
.baio-ugc-faculty .faculty-viewport { scroll-snap-type: x mandatory !important; }
.baio-ugc-faculty .faculty-card { scroll-snap-align: start !important; }