
:root{--sidebar-width:352px;--banner-aspect:5/2;--poster-aspect:1200/1697}
.sidebar-scroll{padding-inline:22px}
.site-nav .nav-group-links{padding-inline:8px}
.site-nav .nav-group-links .nav-link{gap:8px;padding:12px 12px 12px 14px;line-height:1.6;min-height:53px;align-items:center}
.site-nav .nav-group-links .nav-link-text{min-width:0;text-wrap:pretty;line-break:strict}
.site-nav .nav-group-links .nav-badge{font-size:10px;padding:4px 6px}
.site-nav .nav-group-links .nav-link-arrow{flex-shrink:0}

.media-banner-stage{width:100%;min-width:0}
.media-banner-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;overflow:visible;padding:0;scroll-snap-type:none;scrollbar-width:auto}
.banner-card{position:relative;display:flex;flex-direction:column;align-items:stretch;flex:auto;min-width:0;min-height:0;width:100%;overflow:hidden;isolation:isolate;background:#fff;color:#194158;border:1px solid #c6dce6;border-radius:7px;box-shadow:0 6px 17px #092d4410;scroll-snap-align:none;text-decoration:none}
.banner-card::after{display:none}
.banner-card-art{position:relative;display:block;aspect-ratio:var(--banner-aspect);width:100%;min-height:0;overflow:hidden;background:#e6f4f8}
.banner-card-art>img{position:static;inset:auto;z-index:auto;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none!important;transition:none}
.banner-card-details{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;position:relative;padding:14px 17px 16px;min-height:91px;color:#183e54}
.banner-card-details strong{display:block;width:100%;font-size:17px;line-height:1.45;font-weight:800;overflow-wrap:anywhere}
.banner-card-details .banner-desc{display:block;flex:1;color:#506e7d;font-size:14px;line-height:1.55}
.banner-card-details .banner-go{position:static;display:block;color:#167da1;font-size:20px;margin-left:auto}
a.banner-card:hover{border-color:#88bdd3;box-shadow:0 9px 25px #143b541b}
a.banner-card:focus-visible{outline:3px solid #0f8cbd;outline-offset:3px}
.banner-card .media-card-sample{top:9px;right:9px;font-size:11px}

.media-banner-stage.is-marquee{overflow:hidden;position:relative;padding-block:3px}
.media-banner-stage.is-marquee .media-banner-track{display:flex;flex-wrap:nowrap;gap:18px;width:max-content;animation:banner-cycle var(--banner-duration,36s) linear infinite;will-change:transform}
.media-banner-stage.is-marquee .banner-card{flex:0 0 clamp(255px,35vw,430px);width:clamp(255px,35vw,430px)}
.media-banner-stage.is-marquee.is-paused .media-banner-track{animation-play-state:paused}
@keyframes banner-cycle{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--banner-cycle,-1000px),0,0)}}
.media-marquee-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:#4c6b7c;font-size:14px;line-height:1.5}
.media-marquee-pause{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:45px;min-width:115px;padding:8px 14px;border:1px solid #a1c5d7;border-radius:5px;background:white;color:#0e6183;font-size:14px;font-weight:800;cursor:pointer}
.media-marquee-pause:hover,.media-marquee-pause:focus-visible{background:#dff1f6;border-color:#6da7bf}
.media-marquee-pause[hidden]{display:none}

.media-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.media-poster-image{position:relative;display:block;width:100%;height:auto;min-height:0;aspect-ratio:var(--poster-aspect);overflow:hidden;background:#edf5f8;padding:11px}
.media-poster-image img{position:absolute;inset:11px;width:calc(100% - 22px);height:calc(100% - 22px);max-width:100%;object-fit:contain;box-shadow:none}
.media-poster-body strong{font-size:17px}

.is-archive .media-banner-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.is-archive .banner-card{width:100%;min-height:0}
.is-archive .media-poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1280px) and (min-width:1101px){:root{--sidebar-width:330px}.sidebar-scroll{padding-inline:17px}.media-poster-grid{gap:14px}}
@media(max-width:1100px){.site-sidebar{width:min(390px,91vw)}.sidebar-scroll{padding-inline:22px}}
@media(max-width:780px){.media-banner-track,.is-archive .media-banner-track{grid-template-columns:1fr;gap:16px}.media-poster-grid,.is-archive .media-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-banner-stage.is-marquee .banner-card{flex-basis:min(77vw,390px);width:min(77vw,390px)}}
@media(max-width:550px){.site-sidebar{width:min(390px,94vw)}.sidebar-scroll{padding-inline:17px}.media-banner-stage.is-marquee .banner-card{flex-basis:min(77vw,355px);width:min(77vw,355px)}.banner-card-details{padding:12px 13px;min-height:88px}.banner-card-details strong{font-size:16px}.banner-card-details .banner-desc{font-size:14px}.media-marquee-footer{font-size:13px}.media-poster-grid,.is-archive .media-poster-grid{grid-template-columns:1fr}.media-poster-card{flex-direction:row;min-height:0}.media-poster-image{flex:0 0 38%;width:38%;align-self:flex-start;height:auto;min-height:0;aspect-ratio:var(--poster-aspect);padding:7px}.media-poster-image img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px)}.media-poster-body{padding:14px;justify-content:center}.media-poster-body strong{font-size:16px}}
@media(max-width:375px){.site-nav .nav-group-links .nav-link{font-size:16px;padding-left:10px}.media-marquee-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.media-banner-track{animation:none!important;transform:none!important}.media-banner-stage.is-marquee{overflow:visible}.media-banner-stage.is-marquee .media-banner-track{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.media-banner-stage.is-marquee .banner-card{width:100%;flex:auto}.media-banner-stage.is-marquee [data-marquee-copy]{display:none}}
@media(max-width:780px) and (prefers-reduced-motion:reduce){.media-banner-stage.is-marquee .media-banner-track{grid-template-columns:1fr}}
