@import url('fonts.css');
/* Original layout styles and Poppins fonts are served locally. */
body { font-family: 'Poppins', Arial, sans-serif; }
.elementor-kit-6 { --e-global-typography-primary-font-family: 'Poppins'; --e-global-typography-secondary-font-family:'Poppins'; --e-global-typography-text-font-family:'Poppins'; --e-global-typography-accent-font-family:'Poppins'; }
.elementor *, .video-library { font-family: 'Poppins', Arial, sans-serif !important; }
.elementor-widget-image a.brand-home-link { width:30%; }
.elementor-29 .elementor-element.elementor-element-8d22987 .brand-home-link img { width:100%; }
.elementor-widget-video .elementor-wrapper { aspect-ratio:16/9; }
.elementor-widget-video iframe { display:block; width:100%; height:100%; border:0; }
.e-con.e-parent { content-visibility:visible !important; }
.skip-link { position:fixed; left:16px; top:-100px; z-index:100; padding:12px 18px; background:white; color:#235b70; }
.skip-link:focus { top:16px; }
.video-library { width:87.5%; margin:72px auto 0; color:#777; }
.video-library h2 { margin:0 0 28px; color:#86c3db; font-size:24px; font-weight:700; }
.video-library-layout { display:grid; grid-template-columns:minmax(0,1.84fr) minmax(310px,1fr); gap:36px; align-items:start; }
.video-library-frame { overflow:hidden; aspect-ratio:16/9; border-radius:22px; background:#102530; box-shadow:0 3px 12px #0002; }
.video-library-frame iframe { width:100%; height:100%; display:block; border:0; }
.video-library-caption h3 { margin:22px 0 10px; color:#577b8a; font-size:22px; font-weight:600; line-height:1.4; }
.video-library-caption p { font-size:16px; margin:0; }
.video-library-actions { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:20px; }
.video-library-actions a { color:#46778a; font-size:15px; font-weight:600; text-decoration:none; border-bottom:1px solid #8bc6de; padding:5px 0; }
.video-playlist { display:grid; gap:12px; }
.video-option { display:grid; grid-template-columns:24px 15px 1fr; gap:10px; align-items:center; width:100%; min-height:98px; border:2px solid transparent; border-radius:12px; padding:14px; background:#f4f6f7; color:#70787c; text-align:left; white-space:normal; cursor:pointer; transition:background .15s,border-color .15s; }
.video-option strong { font-size:15px; line-height:1.4; display:block; font-weight:500; }
.video-option small { display:block; margin-top:6px; font-size:12px; line-height:1.4; }
.video-option .video-number { color:#88959b; font-size:18px; }
.video-option .video-play { color:#80bdd5; font-size:12px; }
.video-option:hover { background:#eaf4f8; color:#486f80; }
.video-option.active { background:#e6f4fa; border-color:#88c4dc; color:#315d70; }
.video-option.active strong { font-weight:700; }
.video-option:focus-visible, a:focus-visible { outline:3px solid #eebd36; outline-offset:4px; }
@media(max-width:900px) { .video-library-layout { grid-template-columns:1fr; gap:26px; } .video-playlist { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) { .video-library { width:calc(100% - 32px); margin-top:40px; } .video-library h2 { font-size:22px; } .video-playlist { grid-template-columns:1fr; } .video-library-caption h3 { font-size:20px; } .video-option { min-height:88px; } .video-library-frame { border-radius:14px; } }
@media(prefers-reduced-motion:reduce) { .video-option { transition:none; } }

/* Fifth video detail: reuse the existing page layout without publishing unapproved copy. */
.video-detail-new .elementor-110 .elementor-element-ab0ff3e { --padding-left:clamp(16px,8vw,96px); --padding-right:clamp(16px,8vw,96px); }
.video-detail-new .elementor-110 .elementor-element-77dd26c { width:min(100%,800px); max-width:800px; }
.video-detail-new .elementor-element-77dd26c h1 { margin:0; font:inherit; line-height:1.35; }
.video-detail-new .elementor-110 .elementor-element-485c7ee { --padding-left:clamp(16px,10vw,160px); --padding-right:clamp(16px,10vw,160px); --margin-top:40px; }
.video-detail-new .elementor-110 .elementor-element-9f99764 { --padding-left:clamp(16px,8vw,96px); --padding-right:clamp(16px,8vw,96px); }