body, html { font-family: 'Barlow', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; }
.App__main { background-color: #ffffff !important; }
.PageHeader { background-color: #030621 !important; border-bottom: none !important; padding: 10px 20px 10px 60px !important; min-height: 64px !important; height: auto !important; position: relative !important; }
.PageHeader__container { max-width: 1200px !important; margin: 0 auto !important; }
.PageHeader__siteName { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; color: #ffffff !important; letter-spacing: 0.02em !important; }
.PageHeader__burgerMenuButtonWrapper { position: absolute !important; left: 12px !important; top: 50% !important; transform: translateY(-50%) !important; z-index: 10 !important; }
.PageHeader__burgerMenuButton { padding: 8px !important; min-width: 44px !important; min-height: 44px !important; }
.PageHeader__burgerMenuButton__icon, .PageHeader__burgerMenuButton svg { width: 22px !important; height: 20px !important; }
.NavigationLinks__link, .NavigationLinks__link.NavLink { font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; font-size: 15px !important; color: #d9d7d0 !important; text-transform: none !important; transition: color 0.2s ease !important; }
.NavigationLinks__link:hover, .NavigationLinks__link.NavLink:hover, .NavigationLinks__link.NavLink--active { color: #ffffff !important; }
.PageHeader__searchInput .SearchInput__input { font-family: 'Barlow', sans-serif !important; background: rgba(255,255,255,0.1) !important; border: 1px solid rgba(255,255,255,0.2) !important; color: #ffffff !important; border-radius: 4px !important; }
.PageHeader__searchInput .SearchInput__input::placeholder { color: rgba(255,255,255,0.5) !important; }
.BurgerMenu { background-color: #030621 !important; left: 0 !important; right: auto !important; transform: translateX(0) !important; }
.BurgerMenu__container, .BurgerMenu__panel, .BurgerMenu__wrapper, .BurgerMenu__content { left: 0 !important; right: auto !important; }
.BurgerMenu__navigation, .BurgerMenu .NavigationLinks, .BurgerMenu .NavigationLinks__link { text-align: left !important; justify-content: flex-start !important; }
.BurgerMenu__navigation .NavigationLinks__link { color: #d9d7d0 !important; }
.HeroCarousel { background-color: #ffffff !important; padding-top: 24px !important; padding-bottom: 24px !important; }
.HeroUnit { max-width: 75% !important; margin-left: auto !important; margin-right: auto !important; border-radius: 6px !important; overflow: hidden !important; }
.HeroUnitSlideInfo__title { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 30px !important; line-height: 1.2 !important; color: #ffffff !important; text-align: left !important; max-width: 620px !important; margin: 0 !important; letter-spacing: -0.01em !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.HeroUnitSlideInfo__description { font-family: 'Barlow', sans-serif !important; font-weight: 400 !important; font-size: 14px !important; line-height: 1.5 !important; color: rgba(255,255,255,0.82) !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-align: left !important; max-width: 620px !important; margin: 10px 0 0 0 !important; }
.HeroUnitSlideInfo__duration { font-family: 'Barlow', sans-serif !important; font-weight: 600 !important; font-size: 12px !important; background: rgba(255,255,255,0.12) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.25) !important; border-radius: 3px !important; padding: 4px 8px !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; }
.HeroUnitSlideInfo__playButton, .Button--primary { font-family: 'Barlow', sans-serif !important; font-weight: 600 !important; background-color: #2E5DAB !important; border: none !important; border-radius: 4px !important; transition: background-color 0.2s ease !important; }
.HeroUnitSlideInfo__playButton:hover, .Button--primary:hover { background-color: #1e4a8f !important; }
.HeroUnit__sliderButton { background: rgba(3,6,33,0.5) !important; transition: background 0.2s ease !important; }
.HeroUnit__sliderButton:hover { background: rgba(3,6,33,0.8) !important; }
.HeroUnit__paginationContainer__bullet--active { background-color: #2E5DAB !important; }
.PageLayout__section { background-color: #ffffff !important; }
.VideoCarousel__title, .VideoCarousel__headerTitle { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 22px !important; color: #000000 !important; }
.VideoCarousel__header { color: #000000 !important; }
.VideoCarousel__watchAll, .VideoCarousel__headerLink, .VideoCarousel__headerLink .Link, .VideoCarousel__watchAll .Link { font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; color: #2E5DAB !important; }
.VideoCarousel__watchAll:hover, .VideoCarousel__headerLink:hover, .VideoCarousel__headerLink .Link:hover { color: #1e4a8f !important; }
.Carousel__button, .Carousel__button svg { color: #333333 !important; fill: #333333 !important; }
.Thumbnail { border-radius: 4px !important; overflow: visible !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; }
.Thumbnail:hover { transform: translateY(-2px) !important; box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important; }
.Thumbnail__link { display: flex !important; flex-direction: column !important; }
.Thumbnail__imageWrapper { position: relative !important; overflow: hidden !important; border-radius: 4px !important; flex-shrink: 0 !important; }
.Thumbnail__info,
.Thumbnail:hover .Thumbnail__info,
.Thumbnail--expandable .Thumbnail__info,
.Thumbnail--expandable:hover .Thumbnail__info,
.Thumbnail--titleUnderImage .Thumbnail__info,
.Thumbnail--titleUnderImage:hover .Thumbnail__info { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; background: transparent !important; padding: 8px 4px 0 4px !important; display: flex !important; flex-direction: column !important; opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; max-height: none !important; height: auto !important; }
.Thumbnail__gradient,
.Thumbnail:hover .Thumbnail__gradient { display: none !important; }
.Thumbnail__imageWrapper,
.Thumbnail:hover .Thumbnail__imageWrapper { height: auto !important; max-height: none !important; }
.Thumbnail,
.Thumbnail:hover { height: auto !important; }
.Thumbnail__title { font-family: 'Barlow', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; line-height: 1.3 !important; color: #000000 !important; }
.Thumbnail__description { font-family: 'Barlow', sans-serif !important; font-weight: 400 !important; font-size: 13px !important; line-height: 1.4 !important; color: #555555 !important; display: block !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; white-space: normal !important; text-overflow: clip !important; margin-top: 4px !important; }
.Thumbnail__duration { font-family: 'Barlow', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; background: rgba(3,6,33,0.75) !important; border-radius: 3px !important; position: absolute !important; bottom: 8px !important; right: 8px !important; z-index: 2 !important; }
.SingleVideoDetails__duration { display: none !important; }
.SingleVideoDetails__title { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; color: #000000 !important; line-height: 1.25 !important; }
.SingleVideoDetails__description { font-family: 'Barlow', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 1.6 !important; color: #333333 !important; }
.SingleVideoDetails__labels { margin-top: 12px !important; }
.nab-speakers { margin-top: 16px; padding: 16px 20px; background: #f4f5f7; border-radius: 6px; border-left: 4px solid #2E5DAB; }
.nab-speakers__heading { font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 16px; color: #000; margin: 0 0 8px 0; }
.nab-speakers__list { list-style: none; margin: 0; padding: 0; }
.nab-speakers__list li { font-family: 'Barlow', sans-serif; font-size: 15px; line-height: 1.6; color: #333; padding: 2px 0; }
.nab-speakers__list li strong { font-weight: 600; color: #000; }
.nab-speakers__list li span.nab-speakers__role { color: #555; }
.nab-speakers--compact { margin-top: 6px; padding: 0 4px; background: transparent; border-radius: 0; border-left: none; }
.nab-speakers--compact .nab-speakers__label { font-family: 'Barlow', sans-serif; font-weight: 600; font-size: 12px; color: #2E5DAB; }
.nab-speakers--compact .nab-speakers__names { font-family: 'Barlow', sans-serif; font-weight: 400; font-size: 12px; color: #555; }
.SingleVideoFromCollection,
.SingleVideoFromCollection--withSuggestedVideos { display: flex !important; flex-direction: column !important; }
.SingleVideoFromCollection .PlayerContainer,
.SingleVideoFromCollection--withSuggestedVideos .PlayerContainer { order: 1 !important; }
.SingleVideoFromCollection .VideoDetailPage__detailsContainer,
.SingleVideoFromCollection--withSuggestedVideos .VideoDetailPage__detailsContainer { order: 2 !important; padding: 20px 24px 0 24px !important; }
.SingleVideoFromCollection .SingleVideoFromCollection__content,
.SingleVideoFromCollection--withSuggestedVideos .SingleVideoFromCollection__content { order: 3 !important; flex-direction: column !important; width: 100% !important; max-width: 100% !important; }
.SingleVideoFromCollection__content .DisqusComments { width: 100% !important; }
.SingleVideoFromCollection__content .SuggestedVideos { width: 100% !important; max-width: 100% !important; padding: 0 24px !important; }
.SuggestedVideosColumn { width: 100% !important; max-width: 100% !important; margin-top: 24px !important; padding: 0 !important; }
.SuggestedVideosColumn__title { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 20px !important; color: #000000 !important; margin-bottom: 12px !important; }
.SuggestedVideosColumn__column { display: flex !important; flex-direction: row !important; gap: 16px !important; overflow-x: auto !important; padding-bottom: 8px !important; flex-wrap: nowrap !important; align-items: flex-start !important; }
.SuggestedVideosColumn__column .Thumbnail { min-width: 220px !important; max-width: 220px !important; flex-shrink: 0 !important; border-radius: 6px !important; overflow: visible !important; margin-top: 0 !important; }
.SuggestedVideosColumn__column .Thumbnail__title { color: #000000 !important; }
.SuggestedVideosColumn__column .Thumbnail__description { color: #555555 !important; }
.CollectionHeader__title { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 32px !important; color: #000000 !important; }
.CollectionHeader__description { font-family: 'Barlow', sans-serif !important; font-weight: 400 !important; font-size: 16px !important; color: #333333 !important; }
.Footer { background-color: #030621 !important; border-top: none !important; padding: 16px 20px !important; }
.Footer__siteName { font-family: 'Barlow', sans-serif !important; font-weight: 600 !important; color: #ffffff !important; }
.Footer__navigationLinks .NavigationLinks__link { color: #d9d7d0 !important; }
.Footer__navigationLinks .NavigationLinks__link:hover { color: #ffffff !important; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
a:not(.NavigationLinks__link):not(.Thumbnail__link):not(.HeroUnitSlide__infoContainer a):not(.Thumbnail__relatedLink):not(.RelatedLink):not(.Button--primary) { color: #2E5DAB !important; }
a:not(.NavigationLinks__link):hover { color: #1e4a8f !important; }
.Button--secondary { font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; border-color: #2E5DAB !important; color: #2E5DAB !important; }
.Button--secondary:hover { background-color: #2E5DAB !important; color: #ffffff !important; }
/* Fix Download Presentation / Related Link button — text was inheriting same blue as background */
.Thumbnail__relatedLink, .RelatedLink, a.Thumbnail__relatedLink, a.RelatedLink, .Button--primary.RelatedLink, a.Button--primary.Thumbnail__relatedLink { color: #ffffff !important; background-color: #2E5DAB !important; }
.Thumbnail__relatedLink:hover, .RelatedLink:hover, a.RelatedLink:hover, a.Thumbnail__relatedLink:hover { color: #ffffff !important; background-color: #1e4a8f !important; }
/* Year breadcrumb on video detail page */
.nab-year-breadcrumb { display: block; font-family: 'Barlow', sans-serif; font-weight: 500; font-size: 14px; color: #2E5DAB; text-decoration: none; margin: 0 0 12px 0; padding: 16px 24px 0 24px; letter-spacing: 0.02em; order: 0 !important; }
.nab-year-breadcrumb:hover { color: #1e4a8f; text-decoration: underline; }
.nab-year-breadcrumb__arrow { display: inline-block; margin-right: 6px; font-size: 16px; line-height: 1; vertical-align: -1px; }
/* Same breadcrumb pattern on collection (year) pages, linking back to the home page */
.nab-collection-breadcrumb { display: block; font-family: 'Barlow', sans-serif; font-weight: 500; font-size: 14px; color: #2E5DAB; text-decoration: none; margin: 0 0 12px 0; padding: 16px 0 0 0; letter-spacing: 0.02em; }
.nab-collection-breadcrumb:hover { color: #1e4a8f; text-decoration: underline; }
.nab-collection-breadcrumb__arrow { display: inline-block; margin-right: 6px; font-size: 16px; line-height: 1; vertical-align: -1px; }
/* Search-results page — text was inheriting white-on-white from a parent rule, making the
   results count and thumbnail titles invisible. Force readable colors. */
.SearchPage,
.SearchPage h1, .SearchPage h2, .SearchPage h3,
.SearchPage__searchTerm,
.SearchPage__resultsHeading,
.SearchPage__title,
.SearchPage__noResults,
[class*="SearchPage"] { color: #000000 !important; }
.SearchPage .Thumbnail,
.SearchPage .Thumbnail__title { color: #000000 !important; }
.SearchPage .Thumbnail__description { color: #555555 !important; }
/* Download Video button on the detail page — same visual treatment as Download Presentation */
.nab-download-video { display: inline-block; font-family: 'Barlow', sans-serif; font-weight: 600; font-size: 12px; line-height: 1; color: #ffffff !important; background-color: #2E5DAB !important; border: none; border-radius: 4px; padding: 8px 14px; margin: 0 8px 0 0; text-decoration: none !important; cursor: pointer; transition: background-color 0.2s ease; }
.nab-download-video:hover { background-color: #1e4a8f !important; color: #ffffff !important; text-decoration: none !important; }
.nab-download-video__icon { display: inline-block; margin-right: 6px; vertical-align: -2px; }
.nab-download-video__qualityNote { display: inline-block; margin-left: 8px; font-size: 11px; color: rgba(255,255,255,0.85); font-weight: 500; }
.HeroUnit, .HeroUnit__slide, .HeroUnitSlide { min-height: 480px !important; height: auto !important; position: relative !important; }
.HeroUnit--withOverlayInfo .HeroUnitSlide__infoContainer, .HeroUnitSlideInfo--isOverlay, .HeroUnitSlide__infoContainer, .HeroUnitSlideInfo, .HeroUnitSlideInfo__container, .HeroUnitSlide__info, .HeroUnit__infoContainer { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; overflow: visible !important; padding: 0 48px 40px 48px !important; display: flex !important; flex-direction: column !important; justify-content: flex-end !important; align-items: flex-start !important; text-align: left !important; box-sizing: border-box !important; }
.HeroUnitSlideInfo, .HeroUnitSlide__infoContainer { background: linear-gradient(to top, rgba(3,6,33,0.95) 0%, rgba(3,6,33,0.75) 30%, rgba(3,6,33,0.15) 65%, rgba(3,6,33,0.00) 100%) !important; }
.HeroUnitSlideInfo__duration { align-self: flex-start !important; margin: 0 0 14px 0 !important; }
.HeroUnitSlideInfo__playButton { align-self: flex-start !important; margin: 20px 0 0 0 !important; padding: 10px 22px !important; font-size: 14px !important; letter-spacing: 0.02em !important; }
.HeroUnit .nab-speakers, .HeroUnitSlide .nab-speakers { background: transparent !important; border-left: none !important; color: rgba(255,255,255,0.9) !important; text-align: left !important; max-width: 620px !important; margin: 12px 0 0 0 !important; padding: 0 !important; border-radius: 0 !important; }
.HeroUnit .nab-speakers--compact, .HeroUnitSlide .nab-speakers--compact { margin-top: 12px !important; padding: 0 !important; }
.HeroUnit .nab-speakers--compact .nab-speakers__label, .HeroUnitSlide .nab-speakers--compact .nab-speakers__label { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; font-size: 11px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: rgba(255,255,255,0.6) !important; margin-right: 6px !important; }
.HeroUnit .nab-speakers--compact .nab-speakers__names, .HeroUnitSlide .nab-speakers--compact .nab-speakers__names { font-family: 'Barlow', sans-serif !important; font-weight: 500 !important; font-size: 13px !important; color: #ffffff !important; }
.VideoCarousel, .VideoCarousel__carousel, .VideoCarousel__carouselContainer, .Carousel, .Carousel__container, .Carousel__track, .Carousel__slide { height: auto !important; min-height: 0 !important; }
.Thumbnail, .Thumbnail__link { height: auto !important; align-items: flex-start !important; }