.course-comparison-section, .course-comparison-section * {box-sizing: border-box;}.course-comparison-section {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 3rem 2rem;margin: 2rem 0;border-radius: 12px;box-shadow: 0 8px 32px rgba(0,0,0,0.1);font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;font-size: 16px;line-height: 1.5;color: #333;}.comparison-header {text-align: center;margin-bottom: 2.5rem;}.comparison-header h2 {color: #2c3e50;font-size: 2.2rem;font-weight: 700;margin-bottom: 0.5rem;text-shadow: 0 2px 4px rgba(0,0,0,0.1);}.comparison-header p {color: #5a6c7d;font-size: 1.1rem;max-width: 600px;margin: 0 auto;line-height: 1.6;}.mobile-scroll-hint {display: none;text-align: center;color: #7f8c8d;font-size: 0.9rem;margin-bottom: 1rem;font-style: italic;background: #e3f2fd;padding: 0.8rem;border-radius: 6px;border-left: 4px solid #2196f3;}.table-container {width: 100%;overflow-x: auto;overflow-y: visible;border-radius: 12px;box-shadow: 0 4px 20px rgba(0,0,0,0.15);background: white;-webkit-overflow-scrolling: touch;scrollbar-width: thin;}.table-container::-webkit-scrollbar {height: 8px;}.table-container::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 4px;}.table-container::-webkit-scrollbar-thumb {background: #3498db;border-radius: 4px;}.table-container::-webkit-scrollbar-thumb:hover {background: #2980b9;}.course-comparison-table {width: 100%;min-width: 900px;background: white;border-collapse: collapse;margin: 0;}.course-comparison-table thead {background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);color: white;}.course-comparison-table th {padding: 1.2rem 1rem;font-weight: 600;text-align: center;font-size: 1rem;border-right: 1px solid rgba(255,255,255,0.2);position: relative;}.course-comparison-table th:last-child {border-right: none;}.course-comparison-table tbody tr {transition: all 0.3s ease;border-bottom: 1px solid #e9ecef;}.course-comparison-table tbody tr:hover {background: linear-gradient(135deg, #f8f9fa 0%, #e3f2fd 100%);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(52,152,219,0.15);}.course-comparison-table td {padding: 1rem;text-align: center;vertical-align: middle;border-right: 1px solid #e9ecef;font-size: 0.95rem;line-height: 1.5;}.course-comparison-table td:last-child {border-right: none;}.row-header {background: linear-gradient(135deg, #ecf0f1 0%, #bdc3c7 100%);font-weight: 600;color: #2c3e50;text-align: left !important;padding-left: 1.5rem !important;font-size: 1rem;}.course-level {display: inline-block;padding: 0.4rem 0.8rem;border-radius: 20px;font-weight: 600;font-size: 0.9rem;margin-bottom: 0.3rem;background: #57ABAB;color: #fff }.duration-badge {background: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);color: white;padding: 0.3rem 0.8rem;border-radius: 15px;font-size: 0.85rem;font-weight: 600;display: inline-block;}.price-display {font-size: 1.1rem;font-weight: 700;color: #27ae60;}.target-audience {font-size: 0.9rem;line-height: 1.4;color: #5a6c7d;}.key-features {text-align: left !important;padding-left: 1rem !important;}.key-features ul {margin: 0;padding-left: 1.2rem;list-style-type: disc;}.key-features li {margin-bottom: 0.3rem;font-size: 0.9rem;line-height: 1.3;color: #34495e;}.qualification-badge {background: linear-gradient(135deg, #ff9ff3 0%, #f368e0 100%);color: white;padding: 0.25rem 0.6rem;border-radius: 12px;font-size: 0.8rem;font-weight: 600;display: inline-block;margin-top: 0.3rem;}.progression-flow {margin-top: 2rem;text-align: center;padding: 1.5rem;background: white;border-radius: 10px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);}.progression-flow h3 {color: #2c3e50;margin-bottom: 1rem;font-size: 1.3rem;}.progression-arrow {display: inline-flex;align-items: center;margin: 0.5rem;font-size: 0.9rem;color: #5a6c7d;}.progression-arrow::after {content: "→";margin: 0 1rem;font-size: 1.5rem;color: #3498db;font-weight: bold;}.progression-arrow:last-child::after {display: none;}.chart-features {display: flex;flex-wrap: wrap;gap: 1.5rem;margin-top: 2rem;justify-content: center;}.chart-features .feature-card {flex: 1 1 250px;min-width: 250px;max-width: 300px;}.feature-card {background: white;padding: 1.5rem;border-radius: 10px;text-align: center;box-shadow: 0 4px 15px rgba(0,0,0,0.1);transition: transform 0.3s ease;}.feature-card:hover {transform: translateY(-5px);}.feature-icon {font-size: 2.5rem;margin-bottom: 1rem;}.feature-card h4 {color: #2c3e50;margin-bottom: 0.5rem;font-size: 1.1rem;}.feature-card p {color: #5a6c7d;font-size: 0.9rem;line-height: 1.5;}.action-buttons {margin-top: 2rem;text-align: center;}.course-link-btn {display: inline-block;background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);color: white;padding: 0.8rem 1.5rem;text-decoration: none;border-radius: 25px;margin: 0.5rem;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(52,152,219,0.3);}.course-link-btn:hover {transform: translateY(-3px);box-shadow: 0 6px 20px rgba(52,152,219,0.4);text-decoration: none;color: white;}.highlight-current {background: linear-gradient(135deg, #fff9c4 0%, #ffeaa7 100%) !important;font-weight: 600;position: relative;}.highlight-current::before {content: "★";position: absolute;top: 0.5rem;right: 0.5rem;color: #f39c12;font-size: 1.2rem;}@media (max-width: 768px) {.course-comparison-section {padding: 2rem 1rem;margin: 1rem 0;}.comparison-header h2 {font-size: 1.8rem;}.mobile-scroll-hint {display: block;}.course-comparison-table {font-size: 0.85rem;}.course-comparison-table th, .course-comparison-table td {padding: 0.8rem 0.6rem;min-width: 180px;}.key-features {text-align: center !important;padding-left: 0.6rem !important;}.key-features ul {text-align: left;padding-left: 1rem;}.progression-flow {padding: 1rem;}.progression-arrow {display: block;margin: 0.5rem 0;}.progression-arrow::after {content: "↓";display: block;margin: 0.5rem 0;}}