.youtube-grid-wrapper{margin:2rem 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,sans-serif}.youtube-grid-title{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;display:inline-block;color:#333}.youtube-grid{display:grid;gap:2rem;width:100%}.youtube-grid-columns-1{grid-template-columns:1fr}.youtube-grid-columns-2{grid-template-columns:repeat(2,1fr)}.youtube-grid-columns-3{grid-template-columns:repeat(3,1fr)}.youtube-grid-columns-4{grid-template-columns:repeat(4,1fr)}.youtube-grid-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgb(0 0 0 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.youtube-grid-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .15)}.youtube-video-container{position:relative;width:100%;height:0;background:#000}.youtube-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.youtube-video-id{padding:.8rem 1rem;font-size:.85rem;font-family:'SF Mono',Monaco,'Courier New',monospace;color:#666;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:center}.youtube-grid-error{background:#fff3f3;border-left:4px solid red;padding:1rem 1.5rem;margin:1rem 0;border-radius:4px;color:#721c24;font-weight:500}@media screen and (max-width:1024px){.youtube-grid-columns-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:768px){.youtube-grid-columns-3,.youtube-grid-columns-4{grid-template-columns:repeat(2,1fr)}.youtube-grid-title{font-size:1.5rem}}@media screen and (max-width:480px){.youtube-grid-columns-2,.youtube-grid-columns-3,.youtube-grid-columns-4{grid-template-columns:1fr}.youtube-grid{gap:1.5rem}}.youtube-grid-item{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media print{.youtube-video-container{break-inside:avoid;page-break-inside:avoid}.youtube-video-id{display:none}}