/* Courses */ .course-item { display: flex; gap: 1.2rem; align-items: flex-start; margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* Keep border on all course items including last one */ .course-icon { flex-shrink: 0; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; } .course-icon img { width: 80px; height: 80px; object-fit: contain; border-radius: 4px; border: 1px solid var(--icon-border); background: transparent; padding: 4px; } .default-course-icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid var(--icon-border); background: transparent; color: var(--text-light); padding: 10px; } .course-content { flex: 1; } .course-header { margin-bottom: 0.5rem; } .course-title { font-size: 1em; font-weight: 600; margin: 0 0 0.3rem 0; line-height: 1.4; color: var(--text-dark); } .course-title-text { display: inline; } .course-institution { display: inline; margin-left: 0.5em; font-weight: normal; } .course-period, .course-separator, .course-location, .course-duration { color: var(--text-muted); font-size: 0.9em; } .course-separator { color: var(--text-light); } .course-desc { font-size: 0.85em; color: var(--text-gray); margin-top: 0.4rem; line-height: 1.4; text-align: justify; } /* Course list icons in responsibilities - smaller size with preserved colors */ .course-item .responsibilities li iconify-icon.default-company-icon { width: 24px !important; /* Small but visible */ height: 24px !important; min-width: 24px; min-height: 24px; color: inherit !important; /* DO NOT override inline color styles */ display: inline-flex !important; align-items: center; justify-content: center; margin-right: 0.5rem; flex-shrink: 0; border: none !important; background: transparent !important; padding: 0 !important; } /* Inline icons within course descriptions */ .course-desc iconify-icon { width: 1.2em !important; /* Override inline width attributes */ height: 1.2em !important; /* Override inline height attributes */ font-size: 1em; vertical-align: middle; margin: 0 0.15em; color: inherit !important; /* Preserve icon colors */ display: inline-block; }