
:root{--v06-border:#d6e5ed;--v06-soft:#f2f9fb}

.sidebar-scroll{padding-top:25px}
.sidebar-title{margin-bottom:14px}
.site-nav .nav-quick{padding:0 1px 12px;gap:4px}
.site-nav .nav-quick .nav-link{background:#e8f4f8;min-height:51px;color:#194c68}
.site-nav .nav-quick .nav-link.is-active{background:#d5eaf3}
.site-nav .nav-quick .nav-link-arrow{font-size:17px;line-height:1}
.site-nav .nav-static-group{display:block;margin:15px 0 0;padding:0;border-top:1px solid #d2e2eb}
.site-nav .nav-group-heading{margin:0;padding:14px 11px 8px;font-size:16px;line-height:1.55;font-weight:850;letter-spacing:.01em;color:#2c637d}
.site-nav .nav-static-group.group-is-current .nav-group-heading{color:#075f86}
.site-nav .nav-group-links{gap:0}
.site-nav .nav-group-links li+li{border-top:1px solid #e4edf1}
.site-nav .nav-group-links .nav-link{font-size:16px;min-height:53px;padding:12px 10px 12px 14px;border-radius:3px;line-height:1.6}
.site-nav .nav-group-links .nav-link.is-active{background:#e2f1f7}
.site-nav .nav-group-links .nav-badge{font-size:10px}
.sidebar-bottom{margin-top:23px}

.media-section{padding:72px 0 82px;border-top:1px solid #e0edf2;scroll-margin-top:110px}
.media-section--banners{background:#f1f8fb}
.media-section--posters{background:#fff}
.media-section--videos{background:linear-gradient(130deg,#eaf6f9,#f5fbfd)}
.media-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.media-section-heading h2{margin:9px 0 8px;color:#113851;font-weight:900;font-size:clamp(26px,2.5vw,34px);line-height:1.45}
.media-section-description{color:#456879;font-size:16px;margin:0;line-height:1.7}
.media-section-all{display:inline-flex;gap:16px;align-items:center;flex-shrink:0;min-height:45px;padding:10px 12px;border-bottom:2px solid #1f8daf;color:#096a91;font-size:15px;font-weight:800;line-height:1.5}
.media-section-all:hover{color:#064566;background:#e3f2f8}
.media-sample-notice{display:flex;align-items:center;gap:9px;margin:0 0 23px;padding:11px 14px;border:1px solid #cce5ed;border-radius:4px;color:#526f7e;background:#f7fcfd;font-size:13px;line-height:1.6}
.media-sample-notice strong{padding:3px 7px;border-radius:3px;background:#d6edf3;color:#146985;font:800 11px/1.3 var(--font-en)}
.media-slider-shell{position:relative}
.media-banner-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#92c5d5 transparent;scrollbar-width:thin;padding:1px 0 12px;overscroll-behavior-inline:contain}
.banner-card{position:relative;display:flex;align-items:flex-end;flex:0 0 min(76%,625px);min-width:0;min-height:285px;overflow:hidden;isolation:isolate;scroll-snap-align:start;border:1px solid #bfd8e4;border-radius:8px;background:#1a5779;color:white;box-shadow:0 8px 26px #0a354b13}
.banner-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,28,45,.64),rgba(5,36,56,.12))}
.banner-card>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}
a.banner-card:hover>img{transform:scale(1.025)}
.banner-card img{transition:transform .22s}
.banner-card-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;max-width:80%;padding:29px 30px;color:#fff}
.banner-small{font:800 11px/1.5 var(--font-en);letter-spacing:.16em;color:#b8eefa}
.banner-card-content strong{font-size:clamp(21px,2.2vw,30px);font-weight:900;line-height:1.45;overflow-wrap:anywhere}
.banner-desc{color:#f4fbfd;font-size:15px;line-height:1.65}
.media-card-sample{position:absolute;z-index:3;top:12px;right:12px;padding:6px 8px;border-radius:3px;background:#ffffffef;color:#15506e;font:800 10px/1.25 var(--font-en);white-space:nowrap}
.banner-go{position:absolute;right:25px;bottom:25px;color:#fff;font:700 24px/1 var(--font-en)}
.media-slider-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:14px}
.media-slider-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #adccda;border-radius:4px;background:white;color:#1d698a;font-size:23px;line-height:1}
.media-slider-button:hover{background:#135675;border-color:#135675;color:white}
.media-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.media-poster-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d8e7ed;border-radius:6px;background:#fff;box-shadow:0 6px 19px #123b500b;color:#1b4057}
a.media-poster-card:hover{border-color:#9cc9da;box-shadow:0 10px 23px #14395023}
.media-poster-image{position:relative;display:grid;place-items:center;height:255px;background:linear-gradient(135deg,#e9f4f8,#f8fcfd);padding:13px}
.media-poster-image img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 2px 12px #183d5826}
.media-poster-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:16px 19px 19px}
.media-poster-body strong{font-size:17px;font-weight:800;line-height:1.55;overflow-wrap:anywhere}
.media-poster-body>span{color:#526f7e;font-size:14px;line-height:1.65}
.media-poster-body small{margin-top:auto;padding-top:6px;color:#137ba1;font-size:13px;font-weight:800}
.media-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.media-video-card{min-width:0;border:1px solid #d8e5ed;background:white;border-radius:7px;overflow:hidden;box-shadow:0 8px 21px #113b5311}
.media-video-frame{position:relative;aspect-ratio:16/9;background:#153e5a;display:grid;place-items:center}
.media-video-frame>img,.media-video-frame iframe,.media-video-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}

.video-load-button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#153e5a;overflow:hidden;color:#fff}
.video-load-button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .2s}
.video-load-button:hover img{transform:scale(1.025)}
.video-play-icon{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:58px;margin:auto;border:2px solid #fff;border-radius:8px;background:#0b3b60c7;font-size:26px;box-shadow:0 3px 16px #0003}
.video-play-label{position:absolute;left:0;right:0;bottom:14px;display:block;text-align:center;font-weight:800;font-size:14px;text-shadow:0 1px 4px #0008}
.video-unavailable{position:relative;z-index:1;padding:9px 18px;border:1px solid #ffffffbd;background:#0c2e48d9;border-radius:3px;color:white;font-size:15px;font-weight:800}
.media-video-body{padding:20px 23px 22px}
.media-video-body h3{margin:0 0 6px;font-size:19px;line-height:1.5;color:#163b52}
.media-video-body p{margin:0;color:#516e7e;font-size:15px;line-height:1.7}

.is-archive.media-section{padding:42px 0 65px}
.is-archive .media-banner-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;overflow:visible;padding:0}
.is-archive .banner-card{width:100%;min-height:235px;flex:auto}
.is-archive .banner-card-content{padding:24px}
.is-archive .media-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.is-archive .media-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.resources-jump{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:30px;padding-bottom:18px}
.resources-jump>span{font-size:15px;font-weight:800;color:#234d63;margin-right:10px}
.resources-jump a{display:inline-flex;align-items:center;min-height:44px;border:1px solid #bddce6;border-radius:4px;background:#f0f8fb;padding:8px 17px;color:#17698a;font-size:15px;font-weight:800}
.resources-jump a:hover{background:#d9f0f8}
.media-empty-state{margin-top:40px;margin-bottom:80px;padding:36px;border:1px solid #d6e6ec;background:#f3f9fb}
.media-empty-state h2{color:#133c56;font-size:24px;margin:0 0 12px}
.media-empty-state p{margin:0;font-size:17px}
@media(max-width:1250px){.media-poster-image{height:235px}.banner-card{min-height:260px}}
@media(max-width:1100px){.site-nav .nav-group-links .nav-link{min-height:51px;font-size:17px}.site-nav .nav-group-heading{font-size:17px}.media-section{padding:63px 0}.banner-card{flex-basis:min(82%,610px)}}
@media(max-width:760px){.media-section{padding:55px 0}.media-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.media-section-all{align-self:flex-start}.media-banner-track{gap:14px}.banner-card{flex-basis:min(90%,520px);min-height:245px}.banner-card-content{max-width:88%;padding:22px}.media-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.media-video-grid{grid-template-columns:1fr;gap:17px}.is-archive .media-banner-track{grid-template-columns:1fr}.is-archive .media-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.media-section-heading h2{font-size:27px}.media-section-description{font-size:15px}.media-sample-notice{align-items:flex-start;font-size:12px}.banner-card{flex-basis:100%;min-height:245px}.banner-card-content{max-width:92%;padding:23px 18px}.banner-card-content strong{font-size:22px}.banner-desc{font-size:14px}.media-poster-image{height:215px;padding:10px}.media-poster-body{padding:14px 12px 17px}.media-poster-body strong{font-size:16px}.media-poster-body>span{font-size:13px}.media-video-body h3{font-size:18px}.media-video-body p{font-size:14px}.is-archive .media-poster-grid{gap:12px}.resources-jump{gap:8px}.resources-jump a{font-size:14px;padding:8px 11px}}
@media(max-width:350px){.media-poster-grid,.is-archive .media-poster-grid{grid-template-columns:1fr 1fr}.media-poster-image{height:170px}.media-poster-body strong{font-size:14px}.media-poster-body>span{font-size:12px}.media-card-sample{font-size:9px;right:7px;top:7px}}
@media(prefers-reduced-motion:reduce){.banner-card img{transition:none}.media-banner-track{scroll-behavior:auto}}

@media(max-width:480px){
  .media-poster-grid,.is-archive .media-poster-grid{grid-template-columns:1fr;gap:12px}
  .media-poster-card{flex-direction:row;min-height:180px}
  .media-poster-image{flex:0 0 39%;height:auto;min-height:180px;padding:10px}
  .media-poster-image img{height:156px}
  .media-poster-body{justify-content:center;padding:14px 13px;gap:8px}
  .media-poster-body strong{font-size:16px}
  .media-poster-body>span{font-size:14px}
}
