.channel-section,.video-dialog,.privacy-banner{--ocean:#007eb8;--ocean-dark:#005884;--ink:#14394d;--ink-soft:#456579}
.channel-section{background:linear-gradient(var(--ocean) 0 285px,#fff 285px);padding:65px 0 80px}.channel-heading-row{display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff;margin-bottom:40px}.channel-kicker{font:600 12px var(--font-en);letter-spacing:.2em;margin-bottom:13px}.channel-heading-row h2{font-size:clamp(26px,3vw,40px);line-height:1.4;margin-bottom:13px}.channel-heading-row p:not(.channel-kicker){color:#e0f6ff;font-size:14px}.channel-all{border:1px solid #ffffff80;padding:12px 18px;font-size:13px;white-space:nowrap}.channel-all span{margin-left:15px}.video-toolbar{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:15px}.video-toolbar p{font-weight:700;font-size:15px}.video-toolbar span{font:11px var(--font-en);letter-spacing:.15em;margin-left:15px;opacity:.8}.video-toolbar button{width:42px;height:42px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer;font-size:20px;margin-left:8px;border-radius:50%}.video-toolbar button:disabled{opacity:.35;cursor:default}.video-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8bcfe5 #ecf8fc;padding-bottom:22px}.video-card{scroll-snap-align:start;min-width:0;background:#fff}.video-card a{display:block}.video-thumb{position:relative;aspect-ratio:16/9;background:#d4eef7;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.video-card a:hover img{transform:scale(1.04)}.video-play{position:absolute;right:12px;bottom:12px;width:42px;height:42px;background:var(--ocean);color:#fff;display:grid;place-items:center;border-radius:50%;font-size:14px}.video-card h3{color:var(--ink);font-size:16px;line-height:1.7;margin:17px 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-card time{color:var(--ocean);font:600 13px var(--font-en);letter-spacing:.04em}.video-status{padding:30px;background:#eff8fc;color:var(--ink);min-width:280px}.video-status a{display:block;color:var(--ocean);text-decoration:underline}.video-dialog{border:0;padding:22px;max-width:960px;width:92vw;margin:auto;background:#fff;color:var(--ink);max-height:95svh;overflow:auto}.video-dialog::backdrop{background:#00233edb}.video-dialog-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}.video-dialog h2{font-size:16px;line-height:1.6}.video-dialog button{border:0;background:#e5f5fb;color:var(--ocean-dark);font-size:28px;min-width:44px;height:44px;cursor:pointer}.video-dialog iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.video-dialog>a{display:inline-block;color:var(--ocean);margin-top:15px;text-decoration:underline}.privacy-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:640px;background:white;padding:20px;box-shadow:0 3px 30px #002d4b33;border:1px solid #b4d9e8;z-index:200}.privacy-banner p{font-size:13px}.privacy-banner button{margin:12px 10px 0 0;padding:8px 16px;background:var(--ocean);color:#fff;border:0;cursor:pointer}
@media(max-width:1000px){.video-rail{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:768px){.channel-section{padding:45px 0;background:linear-gradient(var(--ocean) 0 280px,#fff 280px)}.channel-heading-row{display:block;margin-bottom:25px}.channel-heading-row p:not(.channel-kicker){font-size:12px}.channel-all{display:inline-block;margin-top:20px;padding:8px 14px}.video-rail{grid-auto-columns:84%;gap:16px}.video-card h3{font-size:15px}.video-dialog{padding:14px}.video-toolbar{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.video-thumb img{transition:none}.video-rail{scroll-behavior:auto}}
.channel-section a:focus-visible,.channel-section button:focus-visible,.video-dialog button:focus-visible{outline:3px solid #ffbd4a;outline-offset:4px}