.onap-video-watch{max-width:1100px;margin:0 auto}.onap-video-watch .onap-r2-video{margin:0 0 1.25rem}.onap-video-watch video{display:block;width:100%;background:#000}.onap-video-description{font-size:1.05em;line-height:1.7;margin:1.25rem 0}.onap-video-categories{margin:1rem 0}.onap-video-archive-poster{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

/* YouTube-like video library */
.onap-video-library{box-sizing:border-box;width:min(1320px,calc(100% - 32px));margin:28px auto 56px;padding:0 4px;color:#171717}.onap-video-library *{box-sizing:border-box}.onap-video-library-head{margin:0 0 24px}.onap-video-library-head h1{font-size:30px;line-height:1.2;margin:0;font-weight:700;color:#163b7a}.onap-video-category-section{margin:0 0 42px;padding:0 0 34px;border-bottom:1px solid #e7e7e7}.onap-video-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.onap-video-section-head h2{font-size:24px;line-height:1.25;margin:0;color:#171717;font-weight:700}.onap-video-more{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:999px;background:#f2f2f2;color:#222;text-decoration:none;font-weight:600;white-space:nowrap}.onap-video-more:hover{background:#e6e6e6;color:#000;text-decoration:none}.onap-video-more span{font-size:22px;line-height:1}.onap-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}.onap-video-card{min-width:0;margin:0}.onap-video-card-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#e8e8e8;text-decoration:none}.onap-video-card-thumb img,.onap-video-card-placeholder{display:block;width:100%;height:100%;object-fit:cover;background:#e5e5e5;transition:transform .22s ease}.onap-video-card-thumb:hover img{transform:scale(1.025)}.onap-video-card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:3px;background:rgba(0,0,0,.62);color:#fff;font-size:18px;opacity:0;transition:opacity .18s ease}.onap-video-card-thumb:hover .onap-video-card-play{opacity:1}.onap-video-card-duration{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.78);color:#fff;padding:2px 5px;border-radius:4px;font-size:12px;line-height:1.25;font-weight:600}.onap-video-card-body{padding:10px 2px 0}.onap-video-card-title{font-size:16px;line-height:1.38;font-weight:700;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.onap-video-card-title a{color:#171717;text-decoration:none}.onap-video-card-title a:hover{color:#1b5dab;text-decoration:none}.onap-video-card-meta{font-size:13px;line-height:1.4;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.onap-video-empty{padding:38px 22px;text-align:center;border:1px dashed #d7d7d7;border-radius:10px;background:#fafafa;color:#666}.onap-video-back{display:inline-block;margin-bottom:12px;color:#1b5dab;text-decoration:none;font-weight:600}.onap-video-term-description{max-width:850px;color:#555;line-height:1.65;margin-top:10px}.onap-video-category-page .onap-video-grid-all{margin-top:20px}.onap-video-pagination{margin:34px 0 0}.onap-video-pagination ul{display:flex;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}.onap-video-pagination a,.onap-video-pagination span{display:flex;min-width:38px;height:38px;align-items:center;justify-content:center;padding:0 10px;border-radius:7px;background:#f2f2f2;color:#222;text-decoration:none}.onap-video-pagination .current{background:#1b5dab;color:#fff}

@media (max-width:900px){.onap-video-library{width:min(100% - 22px,1320px)}.onap-video-grid{gap:20px 12px}.onap-video-card-title{font-size:15px}.onap-video-section-head h2{font-size:21px}}
@media (max-width:720px){.onap-video-library{margin-top:20px}.onap-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.onap-video-category-section .onap-video-card:nth-child(n+5){display:none}.onap-video-category-page .onap-video-card:nth-child(n+5){display:block}.onap-video-library-head h1{font-size:26px}.onap-video-section-head{align-items:flex-end}.onap-video-section-head h2{font-size:20px}.onap-video-more{padding:7px 10px;font-size:13px}.onap-video-card-play{display:none}}
@media (max-width:430px){.onap-video-library{width:calc(100% - 16px);margin-bottom:36px}.onap-video-grid{gap:16px 8px}.onap-video-card-title{font-size:14px;min-height:39px}.onap-video-card-meta{font-size:12px}.onap-video-card-thumb{border-radius:7px}}