/* ENGINEER TV V3: builds on the stable V2.2 visual system. */
@import url('./portal-v22.css');
/* Brand: corporate blue by default; YouTube red only on hover and keyboard focus. */
body.etv-portal-page .etv-portal-logo{background:#123B70!important;box-shadow:0 2px 8px #123b7035!important}
body.etv-portal-page .etv-portal-brand:hover .etv-portal-logo,
body.etv-portal-page .etv-portal-brand:focus-visible .etv-portal-logo{background:#ff0033!important;box-shadow:0 3px 10px #ff003344!important;transform:scale(1.055)}
/* Persistent category ribbon and same familiar six V2.2 image cards. */
.etv3 .tv22-main-cats{position:sticky;top:77px;z-index:90}
.etv3 .tv22-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.etv3 .tv22-left,.etv3 .tv22-right{min-width:0}
.etv3 .tv22-navigation{margin-bottom:10px}
.etv3 .etv3-home-heading{border-top:0;margin-top:0;padding-top:4px;margin-bottom:10px}
.etv3 .etv3-video-list{max-height:900px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#93b7d6 #eaf3fa;padding:1px 3px 2px}
.etv3 .tv22-video-row{min-height:75px;padding:7px 9px;gap:11px}
.etv3 .tv22-video-row img{width:100px;height:62px}
.etv3 .tv22-video-row b{font-size:12px}
.etv3 .tv22-video-row.is-current{background:#e7f5ff;border-color:#139ee4;box-shadow:inset 3px 0 #087DB5}
.etv3 .tv22-feature-banner{min-height:105px}
.etv3 .etv3-sub-banner{min-height:95px}
.etv3 .tv22-sub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.etv3 .tv22-subtile{height:140px}
.etv3 .tv22-rate{min-width:0}
.etv3 .etv3-feedback-box .etv3-rating-summary{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:7px}
.etv3 .etv3-rating-summary strong{color:#123B70;font-size:27px;line-height:1;font-weight:900}
.etv3 .etv3-rating-summary span{color:#ac7905;font-size:11px;font-weight:750}
.etv3 .etv3-feedback-form{position:relative}
.etv3 .etv3-form-status{display:block;min-height:17px;margin:6px 0 0;font-size:12px;font-weight:700;color:#12613a;line-height:1.45}
.etv3 .etv3-form-status.is-error{color:#af3030}
.etv3 .etv3-feedback-form button:disabled{opacity:.6;cursor:wait}
.etv3 .etv3-honey{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(100%)!important;white-space:nowrap!important}
.etv3 .tv22-comments{padding-bottom:8px}
.etv3 .tv22-video-list-heading h3{font-size:15px!important}
@media(max-width:1000px){
  .etv3 .tv22-workspace{grid-template-columns:1fr}
  .etv3 .tv22-main-cats{display:flex;flex-wrap:nowrap;overflow-x:auto;position:sticky!important;top:76px!important;z-index:90;padding:6px 2px 11px}
  .etv3 .tv22-main-cats .tv22-category{width:176px;min-width:176px;max-width:176px;flex:none;height:117px}
  .etv3 .etv3-video-list{max-height:560px}
}
@media(max-width:720px){
  .etv3 .tv22-main-cats{top:119px!important}
  .etv3 .tv22-sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .etv3 .tv22-feedback-grid{grid-template-columns:1fr}
  .etv3 .tv22-left,.etv3 .tv22-right{padding:10px}
  .etv3 .tv22-video-row img{width:87px;height:54px}
  .etv3 .etv3-video-list{max-height:520px}
}
@media(max-width:400px){.etv3 .tv22-main-cats{top:122px!important}.etv3 .tv22-subtile{height:121px}}