.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card{min-width:0;background:#f0f5fb;border:1px solid #dbe6f3;border-radius:18px;padding:20px}.video-card h2{font-size:20px;line-height:1.5;overflow-wrap:anywhere}.video-slot{aspect-ratio:9/16;max-width:360px;margin:16px auto;background:#0b2540;border-radius:12px;overflow:hidden}.video-play{width:100%;height:100%;border:0;background:#0b2540;color:white;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;font:inherit}.video-play img{width:100%;height:auto;object-fit:contain}.video-play span{padding:20px}.video-slot iframe{width:100%;height:100%;border:0}.video-card>a{display:inline-block;padding:12px 0}.video-play:focus-visible,#video-search:focus-visible{outline:4px solid #ffbd36;outline-offset:-4px}#video-search{display:block;max-width:100%;width:440px;padding:12px;border:1px solid #637d9b;border-radius:8px;font:inherit}.video-preview-note{background:#fff0c7;padding:12px}.video-grid [hidden]{display:none!important}@media(max-width:900px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.video-grid{grid-template-columns:1fr}}