/* Each photo uses its own bounds within the supplied four-channel artwork. */
.channel-photo-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:420px;width:100%;margin:0 0 22px;padding:5px}
.channel-photo-tab{display:block;position:relative;aspect-ratio:1.03;border-radius:19%;background-image:url("../images/channel-nav-fast-0.webp");background-repeat:no-repeat;transition:box-shadow .18s ease,filter .18s ease;box-shadow:0 2px 6px #0002;-webkit-tap-highlight-color:transparent}
.photo-tab-1{background-size:218.48% 236.18%;background-position:9.19% 9.52%}
.photo-tab-2{background-size:229.07% 236.18%;background-position:95.17% 9.52%}
.photo-tab-3{background-size:218.48% 236.18%;background-position:9.19% 88.47%}
.photo-tab-4{background-size:229.07% 236.18%;background-position:95.17% 88.47%}
.channel-photo-tab:hover,.channel-photo-tab:focus-visible,.channel-photo-tab:active,.channel-photo-tab.is-current{outline:3px solid #e6bd65;outline-offset:3px;box-shadow:0 0 15px #c8964266;filter:brightness(1.08)}
.channel-photo-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.channel-photo-nav{grid-template-columns:repeat(4,minmax(0,1fr));max-width:420px;gap:8px}}
@media(prefers-reduced-motion:reduce){.channel-photo-tab{transition:none}}

.channel-home{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;margin:0 0 16px;background:linear-gradient(135deg,#173f63,#092640);color:#fff!important;border:1px solid #cda657;border-radius:11px;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 3px 8px #10263b22}.channel-home svg{width:24px;height:24px;flex:none;color:#f1ce81}.channel-home:hover{background:#214d73}.channel-home:focus-visible{outline:3px solid #d9ad55;outline-offset:3px}