.comparison-container {max-width: 1200px; margin: 2rem auto; padding: 0 20px}
    .vs-divider {display: flex; align-items: center; margin: 2rem 0}
    .vs-divider:before,.vs-divider:after {content: ""; flex:1; height: 2px; background: #e0e0e0}
    .vs-text {padding: 0 2rem; color: #e74c3c; font-weight: 700; font-size: 1.8em}
    .comparison-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 2rem}
    .hub-section {background: #f9f9f9; border-radius: 12px; padding: 2rem; box-shadow: 0 4px 6px rgba(0,0,0,0.05)}
    .hub-section h3 {color: #2c3e50; border-bottom: 2px solid; padding-bottom: 0.5rem; margin-top: 0}
    .mtb h3 {border-color: #27ae60}
    .road h3 {border-color: #2980b9}
    .spec-list {list-style: none; padding: 0}
    .spec-list li {position: relative; padding-left: 32px; margin-bottom: 1.2rem; line-height: 1.6}
    .spec-list li:before {content: "▶"; position: absolute; left: 0; color: #7f8c8d}
    .pro-tip {background: #fff3d4; padding: 1.5rem; border-radius: 8px; margin: 2rem 0}