body.ui-style-4 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #333; background: #fff; } .video-card { transition: transform 0.2s, box-shadow 0.2s; } .video-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .breadcrumb a:hover { text-decoration: underline; } @media (max-width: 768px) { body { font-size: 14px; } h1 { font-size: 1.5rem !important; } h2 { font-size: 1.25rem !important; } .video-card { padding: 0.75rem !important; } } @media (min-width: 769px) { .video-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; } }