#tb-vehicle-help-modal .modal-content {
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* Example Box Styling */
#tb-vehicle-help-modal .tb-tyre-example-box {
    font-family: 'Roboto', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: #333;
    padding: 10px 20px;
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 50px;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* Interactive Parts */
#tb-vehicle-help-modal .tb-example-part {
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-block;
    padding: 0 2px;
    position: relative;
}

#tb-vehicle-help-modal .tb-example-part:hover,
#tb-vehicle-help-modal .tb-example-part.active {
    color: #023470;
    transform: scale(1.15);
    z-index: 2;
}

/* Description Items */
#tb-vehicle-help-modal .tb-description-item {
    transition: background-color 0.3s ease, transform 0.2s ease;
    border-left: 4px solid transparent;
}

/* Interactive Description Items */
#tb-vehicle-help-modal .tb-description-item[data-target] {
    cursor: pointer;
}

#tb-vehicle-help-modal .tb-description-item[data-target]:hover {
    background-color: #f8f9fa;
}

#tb-vehicle-help-modal .tb-description-item.active {
    background-color: #e8f2ff !important;
    border-left-color: #023470;
    transform: translateX(5px);
}

/* Fallback utilities */
#tb-vehicle-help-modal .fw-bold { font-weight: 700; }
#tb-vehicle-help-modal .text-muted { color: #6c757d; }
#tb-vehicle-help-modal .small { font-size: 0.875em; }
#tb-vehicle-help-modal .position-relative { position: relative !important; }