.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; }
.video-list { margin-top: 2rem; }
.summary { color: #666; font-size: 0.95rem; margin-top: 0.5rem; }
.detail h1 { font-size: 2rem; color: #667eea; margin-bottom: 1rem; }
.detail h2 { font-size: 1.5rem; color: #555; margin: 2rem 0 1rem; border-left: 4px solid #667eea; padding-left: 1rem; }
.detail .info { background: #f9f9f9; padding: 1.5rem; border-radius: 8px; margin-bottom: 2rem; }
.detail .info .meta { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-bottom: 1rem; }
.detail .highlight, .detail .summary, .detail .review { margin-bottom: 2rem; }
.detail p { line-height: 1.8; }
.intro { background: white; padding: 2rem; border-radius: 8px; margin-bottom: 2rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.intro h1 { color: #667eea; margin-bottom: 1rem; }
.intro p { margin-bottom: 0.8rem; }
section { margin-bottom: 3rem; }
section h2 { font-size: 1.8rem; color: #333; margin-bottom: 1.5rem; border-bottom: 2px solid #667eea; padding-bottom: 0.5rem; }
.links-section a { color: #667eea; font-weight: bold; margin: 0 0.5rem; }