.video-hero{padding:28px;background:#e6f0e9;border-radius:20px;margin-bottom:20px}.video-hero h2{font-size:27px;margin:8px 0}.video-hero p{color:#587467;line-height:1.8;margin:8px 0}.video-controls{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.video-controls input,.video-controls select{border:1px solid #cbded1;border-radius:10px;background:#fff;padding:12px;font:inherit;color:#264333}.video-controls input{flex:1;min-width:200px}.video-count-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}.video-count-row small,#video-message{color:#6d7e72;font-size:12px;line-height:1.7}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.video-card{background:#fff;border:1px solid #dbe6df;border-radius:16px;overflow:hidden}.video-thumbnail{display:block;position:relative;background:#e8eeea;aspect-ratio:16/9;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-thumbnail span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#132c26cc;color:white;border-radius:50%;padding:13px 18px;font-size:22px}.video-card-body{padding:20px}.video-category-tag{font-size:11px;color:#286448;background:#e9f2e9;padding:5px 8px;border-radius:6px}.video-card h3{font-size:16px;line-height:1.65;margin:12px 0}.video-card h3 a{color:#203e2f;text-decoration:none}.video-card h3 a:hover{text-decoration:underline}.video-card p{font-size:13px;line-height:1.8}.video-card .video-channel-name{font-size:12px;color:#576e5d}.video-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#728274}.video-selection{font-size:11px!important;color:#477154;background:#f1f6ef;padding:9px;border-radius:8px}.video-card summary{font-size:12px;color:#667968;cursor:pointer}.video-card details small{line-height:1.8;display:block;color:#7b897e}.video-watch{display:inline-block;color:#155c4b;font-size:13px;font-weight:650;margin-top:16px}.video-empty{grid-column:1/-1;background:#f1f6ef;padding:28px;border-radius:15px}.video-policy{font-size:12px;color:#647a69;line-height:1.8;margin:20px 0}@media(max-width:1000px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.video-grid{grid-template-columns:1fr}.video-hero{padding:20px}.video-hero h2{font-size:23px}.video-controls input{width:100%}.video-controls select{flex:1;min-width:130px}.video-card-body{padding:17px}}