.channel-section{--channel-edge:max(56px,calc((100vw - 1160px)/2));position:relative;width:100vw;margin:80px calc(50% - 50vw) 0;padding:44px 0 50px;background:linear-gradient(to bottom,var(--red) 0,var(--red) 265px,#fff 265px,#fff 100%);color:var(--ink)}
.channel-heading{display:flex;align-items:center;gap:30px;margin:0 var(--channel-edge) 48px;color:#fff;min-height:78px}
.channel-heading p{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.05em;margin-bottom:6px}
.channel-heading h2{font-size:27px;line-height:1.5;font-weight:800;letter-spacing:.015em}
.channel-brand{display:flex;align-items:center;justify-content:center;gap:5px;width:110px;height:76px;padding:5px 10px;background:#fff;border-radius:5px;flex-shrink:0}
.channel-brand img{width:60px;height:64px;object-fit:contain}
.channel-brand>svg{width:22px;height:22px;color:var(--red)}
.channel-scroller{display:flex;gap:30px;padding:0 var(--channel-edge) 20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--channel-edge);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.channel-scroller::-webkit-scrollbar{display:none}
.channel-scroller:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
.channel-card{flex:0 0 340px;min-width:0;scroll-snap-align:start}
.channel-card>a{display:block}
.channel-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eee}
.channel-cover>img{height:100%;object-fit:cover;transition:transform .25s}
.channel-duration{position:absolute;right:8px;bottom:7px;background:#000c;color:#fff;border-radius:3px;padding:2px 5px;font:11px/1.4 Arial,sans-serif}
.channel-play{position:absolute;right:12px;top:12px;display:grid;place-items:center;border-radius:8px;background:#d70c2bea;width:40px;height:29px;color:#fff;opacity:0;transition:opacity .2s}
.channel-play svg{width:20px;height:20px}
.channel-card:hover .channel-play,.channel-card a:focus-visible .channel-play{opacity:1}
.channel-card:hover .channel-cover>img{transform:scale(1.025)}
.channel-card h3{font-size:14px;font-weight:700;line-height:1.8;margin:15px 0 9px;min-height:50px}
.channel-card time{font:700 14px/1.5 Arial,sans-serif;color:var(--red)}
.channel-footer{margin:16px var(--channel-edge) 0}
.channel-progress{height:5px;background:#e5e4e2;overflow:hidden;position:relative;margin-bottom:25px}
.channel-progress>span{display:block;height:100%;width:var(--channel-visible,35%);transform:translateX(var(--channel-shift,0px));background:var(--red)}
.channel-more{display:inline-flex;align-items:center;justify-content:center;min-width:126px;min-height:42px;padding:10px 25px;border-radius:4px;background:var(--red);color:#fff;font-size:12px;font-weight:700}
.channel-more:hover{background:var(--red-dark)}
.policy-voice .voice-film{aspect-ratio:16/9;background:#fff}
.policy-voice .voice-film>img{object-fit:contain}
.policy-voice .voice-film:after{background:none}
@media(max-width:1150px){.channel-section{--channel-edge:40px}.channel-card{flex-basis:320px}}
@media(max-width:760px){.channel-section{--channel-edge:30px;margin-top:48px;padding-top:32px;padding-bottom:30px;background:linear-gradient(to bottom,var(--red) 0,var(--red) 218px,#fff 218px)}.channel-heading{margin-bottom:30px;gap:18px;min-height:66px}.channel-heading p{font-size:10px}.channel-heading h2{font-size:23px}.channel-brand{width:86px;height:65px;padding:5px}.channel-brand img{width:48px;height:55px}.channel-brand>svg{width:18px}.channel-card{flex-basis:290px}.channel-scroller{gap:20px}.channel-card h3{font-size:13px}.channel-card time{font-size:13px}}
@media(max-width:450px){.channel-section{--channel-edge:22px}.channel-heading{gap:12px}.channel-heading h2{font-size:21px}.channel-brand{width:66px}.channel-brand img{width:50px}.channel-brand>svg{display:none}.channel-card{flex-basis:270px}}
@media(prefers-reduced-motion:reduce){.channel-cover>img,.channel-play{transition:none}.channel-scroller{scroll-behavior:auto}}
/* Original Suzuki channel wordmark with the established smiling character. */
.channel-brand{width:156px;height:78px;padding:4px 7px}
.channel-brand img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.channel-brand{width:120px;height:60px;padding:3px 5px}.channel-brand img{width:100%;height:100%}}
@media(max-width:450px){.channel-heading h2{font-size:20px}.channel-brand{width:110px;height:55px}.channel-brand img{width:100%;height:100%}}
@media(max-width:350px){.channel-heading{gap:8px}.channel-heading h2{font-size:17px}.channel-brand{width:88px;height:46px}}

/* The channel now stands on its own directly after the three policy cards. */
.channel-section.channel-standalone{width:100%;margin:0}