:root{--tv-blue:#123B70;--tv-cyan:#087DB5;--tv-deep:#04172e;--tv-border:#c7def3}
body.etv-portal-page{margin:0!important;background:#edf4fb!important;color:#102c50!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important}
body.etv-portal-page *{box-sizing:border-box}
body.etv-portal-page .etv-portal-header{background:#fff;box-shadow:0 2px 11px #123b7021;border-bottom:1px solid #d8e4ef;position:sticky;top:0;z-index:102}
body.admin-bar.etv-portal-page .etv-portal-header{top:32px}
body.etv-portal-page .etv-portal-nav{max-width:1660px;margin:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 22px}
.etv-portal-brand{display:flex;align-items:center;gap:12px;color:#123B70!important;text-decoration:none!important;white-space:nowrap}
.etv-portal-logo{height:42px;min-width:58px;background:#e3202e;border-radius:11px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e3202e35;color:#fff;transition:background .2s,transform .2s}
.etv-portal-brand:hover .etv-portal-logo{background:#ff0000;transform:scale(1.05)}
.etv-portal-brand-name{font-size:clamp(20px,2.3vw,32px);font-weight:900;letter-spacing:-.05em;line-height:1}
.etv-portal-brand-name b{color:#087db5}.etv-portal-brand-name small{font-size:11px;border:1px solid #bee0f8;border-radius:24px;padding:3px 7px;vertical-align:middle;color:#087db5;letter-spacing:0}
.etv-portal-tagline{font-weight:500;color:#5d7592;font-size:11px;line-height:1.3;margin-top:5px}
.etv-portal-search{display:flex;align-items:center;max-width:380px;min-width:180px;flex:1;height:38px;border:1px solid #c7d8e8;border-radius:10px;background:#f4f7fa;overflow:hidden}
.etv-portal-search input{flex:1;min-width:0;border:0!important;background:none!important;padding:9px 12px!important;outline:0!important;color:#123b70!important;box-shadow:none!important;font-size:12px!important;height:100%!important}
.etv-portal-search button{border:0!important;background:transparent!important;color:#2b4b6d!important;padding:8px 14px!important;cursor:pointer;font-size:16px}
.etv-portal-navlinks{display:flex;gap:8px;align-items:center}.etv-portal-navlinks a{background:#123b70;color:#fff!important;text-decoration:none!important;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:750;white-space:nowrap}.etv-portal-navlinks a:hover{background:#087db5}
.etv-portal-content{max-width:1660px;margin:0 auto;padding:12px 15px 25px;min-height:78vh}
.etv-portal-footer{text-align:center;background:linear-gradient(100deg,#05224c,#064a88,#05224c);color:#e4f5ff;padding:22px 10px;font-size:12px;margin-top:12px}.etv-portal-footer a{color:#b8ecff!important;text-decoration:underline}
.tv22{--t:#123b70;--cyan:#087db5;--navy:#061f40;--stroke:#bed8ed;color:#0b2c50;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.tv22 a,.tv22 button{transition:filter .18s,transform .18s,background .18s,border-color .18s}.tv22 a{text-decoration:none!important}.tv22 a:focus-visible,.tv22 button:focus-visible,.tv22 input:focus-visible,.tv22 textarea:focus-visible{outline:3px solid #49b5f6;outline-offset:2px}
.tv22-main-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;position:sticky;top:77px;z-index:90;background:#edf4fb;padding:5px 0 13px;border-bottom:1px solid #c8deef;box-shadow:0 7px 12px #edf4fbeb}
body.admin-bar .tv22-main-cats{top:108px}
.tv22-category{position:relative;height:136px;background:#073463;display:block;isolation:isolate;border-radius:12px;overflow:hidden;border:1px solid #7db5dc;box-shadow:0 3px 9px #072b5340;color:#fff!important}
.tv22-category.is-active{outline:2px solid #0799e2;box-shadow:0 0 0 2px #082a59,0 7px 16px #087db577}.tv22-category:hover{transform:translateY(-2px)}
.tv22-category img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(1.14)}
.tv22-category-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#042c59e8 0%,#053464b9 34%,#082f5040 76%,#04274945 100%),linear-gradient(0deg,#041d40d9,transparent 64%)}
.tv22-category-info{position:absolute;left:10px;top:12px;bottom:10px;right:8px;display:flex;flex-direction:column;align-items:flex-start;color:white!important;line-height:1.1}
.tv22-category-symbol svg{width:31px!important;height:31px!important;stroke-width:1.8}.tv22-category-title{font-size:clamp(12px,1.05vw,17px);font-weight:850;line-height:1.08;margin-top:7px;max-width:92%;text-shadow:0 2px 4px #001a40}.tv22-category-info small{margin-top:auto;font-size:11px;color:#edf8ff}
.tv22-workspace{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:14px;align-items:start;margin-top:18px}
.tv22-left,.tv22-right{background:#fff;border:1px solid #cadff0;border-radius:15px;padding:14px;box-shadow:0 3px 16px #0d38651a;min-width:0}
.tv22-navigation{display:flex;gap:9px;align-items:center;margin-bottom:13px}
.tv22-navbtn{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:10px 19px;background:#123B70;color:#fff!important;font-size:13px;font-weight:750;box-shadow:0 2px 5px #082a5335}.tv22-navbtn:hover{background:#087db5;transform:translateY(-1px)}
.tv22-feature-banner{position:relative;display:flex;align-items:center;gap:12px;min-height:107px;overflow:hidden;border:1px solid #72b2e4;border-radius:12px;padding:15px 18px;background:#073662;background-image:linear-gradient(90deg,#042a56f3 0%,#064071d9 37%,#06417360 78%),var(--tv22-img);background-position:center,right center;background-size:cover;color:#fff;margin-bottom:14px}
.tv22-feature-symbol svg{width:50px!important;height:50px!important;color:white}.tv22-feature-banner h2{font-size:clamp(19px,2vw,28px)!important;line-height:1.2!important;font-weight:850!important;color:white!important;margin:0 0 7px!important}.tv22-feature-banner small{color:#cae8ff;font-size:12px}
.tv22-panel-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.tv22-panel-top h3,.tv22-video-list-heading h3{font-size:16px!important;margin:0!important;font-weight:800!important;color:#0c3164!important}.tv22-panel-top span,.tv22-video-list-heading span{font-size:12px;color:#7187a1}.tv22-lite-link{font-size:11px!important;font-weight:650;color:#087db5!important;white-space:nowrap}
.tv22-sub-grid,.tv22-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.tv22-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tv22-subtile{position:relative;height:142px;display:block;overflow:hidden;border:1px solid #a6c8e8;border-radius:12px;background:#123b70;color:#fff!important;box-shadow:0 2px 7px #163b601d}
.tv22-subtile:hover{transform:translateY(-2px);box-shadow:0 7px 16px #07477c40}.tv22-subtile.is-active{outline:2px solid #08a1eb;box-shadow:0 0 0 3px #b4e6ff}
.tv22-subtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.tv22-subtile-shade{position:absolute;inset:0;background:linear-gradient(0deg,#001d40ed 0%,#07294b75 48%,transparent 85%)}
.tv22-subtile-caption{position:absolute;bottom:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 5px #0009}.tv22-subtile-caption b{font-weight:850;font-size:13px;line-height:1.18;letter-spacing:-.02em}.tv22-subtile-caption small{font-size:10px;color:#d5efff;display:flex;align-items:center;justify-content:space-between}
.tv22-video-list-heading{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #d9e8f7;margin-top:17px;padding-top:15px;margin-bottom:9px}
.tv22-video-list{display:grid;gap:8px;max-height:370px;overflow-y:auto;padding:2px 3px}.tv22-video-row{display:flex;align-items:center;gap:11px;color:#173961!important;padding:8px;border:1px solid #d1e1ef;border-radius:10px;background:#f8fbff}.tv22-video-row:hover,.tv22-video-row.is-current{border-color:#2da3dc;background:#eaf6ff}.tv22-video-row img{width:94px;height:57px;object-fit:cover;border-radius:5px;flex-shrink:0}.tv22-video-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.tv22-video-row b{font-weight:750;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tv22-video-row small{font-size:10px;color:#71849b}.tv22-video-row>span:last-child{font-size:22px;color:#087db5}
.tv22-player{position:relative;aspect-ratio:16/9;width:100%;background:#030d1c;overflow:hidden;border:1px solid #adcfe7;border-radius:11px}.tv22-player iframe{position:absolute;width:100%;height:100%;border:0;inset:0}.tv22-player-details h2{color:#102d52!important;font-size:clamp(15px,1.35vw,21px)!important;font-weight:850!important;line-height:1.3!important;margin:12px 0 5px!important}.tv22-video-byline{display:flex;flex-wrap:wrap;gap:7px;color:#617992;font-size:11px}.tv22-video-byline a{color:#087db5!important}.tv22-description{border-top:1px solid #dde9f4;margin-top:13px;color:#455e76;font-size:12px;padding:8px 0}.tv22-description summary{cursor:pointer;font-weight:800;color:#123b70}.tv22-description div{max-height:180px;overflow:auto;line-height:1.6}
.tv22-feedback-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin:12px 0}.tv22-share,.tv22-rate{padding:13px;background:#f7fbff;border:1px solid #d7e6f4;border-radius:10px}.tv22-share h3,.tv22-rate h3,.tv22-comments h3{font-size:14px!important;font-weight:850!important;color:#123b70!important;margin:0 0 10px!important}.tv22-share-links{display:flex;flex-wrap:wrap;gap:6px}.tv22-share-links>a,.tv22-share-links>button{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:17px!important;font-weight:850;border:none!important;border-radius:8px;width:37px;height:37px;cursor:pointer;text-decoration:none!important;color:white!important;padding:0!important}.tv22-share-links>button:hover,.tv22-share-links>a:hover{filter:brightness(1.15);transform:translateY(-2px)}.tv22-fb{background:#1877f2}.tv22-in{background:#0a66c2}.tv22-x{background:#090d16}.tv22-wa{background:#15af53}.tv22-tg{background:#089cd6}.tv22-ig{background:linear-gradient(135deg,#4a37b7,#dd2a7b,#ff9a2e)}.tv22-share-links .tv22-copy{background:#dcecf9!important;color:#123b70!important;width:auto!important;min-width:100px;padding:0 8px!important;font-size:11px!important;border:1px solid #abcce4!important}.tv22-share-status{font-size:11px;color:#1c6299;display:block;margin-top:5px;min-height:12px}
.tv22-rate-body{display:flex;align-items:flex-start;gap:12px}.tv22-rating-number{font-size:31px;font-weight:900;color:#123b70;line-height:1}.tv22-stars-label{font-size:12px;font-weight:700;color:#d18a05}.tv22-muted{font-size:11px;color:#667f99;margin:6px 0}.tv22-rating-form fieldset{padding:0;margin:4px 0 0;border:0}.tv22-rating-form legend{font-size:11px;color:#617c95}.tv22-stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:1px}.tv22-stars input{position:absolute;opacity:0;width:1px;height:1px}.tv22-stars label{font-size:23px;cursor:pointer;color:#b8c5d4;line-height:1}.tv22-stars input:checked~label,.tv22-stars label:hover,.tv22-stars label:hover~label{color:#f5a400}.tv22-small-btn{background:#123b70;border:0;color:#fff;border-radius:6px;font-size:11px;font-weight:750;padding:6px 9px;cursor:pointer}
.tv22-comments{border-top:1px solid #d5e5f2;padding-top:14px}.tv22-comments h3 small{color:#627c98}.tv22-comment-identity{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tv22-comment-form label{display:block;color:#58718b;font-size:11px;font-weight:600}.tv22-comment-form input,.tv22-comment-form textarea{width:100%;margin-top:5px;padding:9px 10px;font-size:12px;font-family:inherit;background:#f7fbff;border-radius:7px;border:1px solid #c8dcee;color:#102d50;box-shadow:none}.tv22-comment-text{margin-top:8px}.tv22-comment-form{display:flex;flex-direction:column;gap:7px}.tv22-submit{align-self:flex-end;background:#123b70;color:white;border:0;border-radius:7px;padding:9px 15px;font-weight:750;font-size:12px;cursor:pointer}.tv22-submit:hover{background:#087db5}.tv22-comment{padding:10px 0;border-top:1px solid #e4eef6;margin-top:11px}.tv22-comment-head{display:flex;align-items:center;gap:7px;font-size:11px}.tv22-comment-head time{color:#869bb0;font-size:10px;margin-left:auto}.tv22-avatar{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dbeaf7;color:#174571;font-weight:800}.tv22-comment p{font-size:12px;color:#334f6d;margin:4px 0 0 32px;line-height:1.5}.tv22-no-video{text-align:center;padding:70px 25px;color:#456581}
@media(max-width:1250px){.tv22-category{height:115px}.tv22-category-symbol svg{width:25px!important;height:25px!important}.tv22-category-title{font-size:12px}.tv22-subtile{height:125px}.tv22-feedback-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.tv22-main-cats{grid-template-columns:repeat(6,minmax(155px,1fr));overflow-x:auto;scroll-snap-type:x proximity;position:relative;top:auto!important}.tv22-main-cats .tv22-category{scroll-snap-align:start}.tv22-workspace{grid-template-columns:1fr}.tv22-left,.tv22-right{padding:13px}.tv22-portal-search{max-width:220px}.tv22-feedback-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body.etv-portal-page .etv-portal-nav{flex-wrap:wrap;padding:9px 13px;gap:8px}.etv-portal-navlinks{order:2;margin-left:auto}.etv-portal-search{max-width:none;flex-basis:100%;order:3}.etv-portal-navlinks a{padding:9px 10px;font-size:11px}.etv-portal-content{padding:10px}.tv22-main-cats{gap:7px}.tv22-category{height:108px}.tv22-subtile{height:125px}.tv22-feedback-grid{grid-template-columns:1fr}.tv22-sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tv22-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tv22-left,.tv22-right{padding:10px}}
@media(max-width:460px){.etv-portal-brand-name{font-size:20px}.etv-portal-logo{height:33px;min-width:45px}.tv22-subtile{height:117px}.tv22-subtile-caption b{font-size:12px}.tv22-comment-identity{grid-template-columns:1fr}}